Create an Email Us button in a section (Debut theme)

Solved
Highlighted
New Member
3 0 0

Beginner here. In our debut-themed site I have a section describing our bespoke service so I created a button "Email Us" but cannot see any option to add a "mailto:" link to the button. What am I missing? Thanks

FB

0 Likes
Highlighted
Shopify Partner
87 10 13
Hi there please share the code of the button
Was useful? then please like and accept as solution
Not really sure how to improve your store? Ask us at porrasc940@gmail.com
0 Likes
Highlighted
New Member
3 0 0

There's a lot of code which makes no sense to me but I think this is the relevant bit:

 

</div>
  
 <div class="theme-setting theme-setting--text" data-setting-container>
 <label class="next-label" for="setting-hero-2-button_label">Button label</label>
 <input type="text" name="settings[sections][hero-2][settings][button_label]" class="next-input" id="setting-hero-2-button_label" value="Email Us" >
  
  
 </div>
  
 <div class="theme-setting theme-setting--url" data-setting-container>
 <div define="{urlBrowser: new UrlBrowser(this)}" context="urlBrowser" data-picker-container class="ui-url-browser">
 <label class="next-label" for="setting-hero-2-button_link">Button link</label>
 <input type="hidden" name="settings[sections][hero-2][settings][button_link]" id="settings_sections_hero-2_settings_button_link" value="shopify://collections/frontpage" />
 <input type="hidden" id="" class="js-url-browser-output" />
 <div class="theme-setting--url__selected js-selected-item hide">
 <div class="ui-stack ui-stack--alignment-center ui-stack--spacing-none">
 <div class="ui-stack-item">
 <svg data-icon-type="frontpage" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-dashboard" /> </svg><svg data-icon-type="collection" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-collections" /> </svg><svg data-icon-type="product" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-products" /> </svg><svg data-icon-type="page" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-pages" /> </svg><svg data-icon-type="blog" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-blogs" /> </svg><svg data-icon-type="article" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-blogs" /> </svg><svg data-icon-type="external" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-link" /> </svg><svg data-icon-type="search" class="next-icon next-icon--color-slate-lightest next-icon--size-16 next-icon--inline-before hide" aria-hidden="true" focusable="false"> <use xlink:href="#next-search" /> </svg>
 </div> <div class="ui-stack-item ui-stack-item--fill">

 

Thanks for looking


 

0 Likes
Highlighted

Success.

Shopify Partner
87 10 13

Hi @FrancisByng I think that is more useful if you send me the URL of where is located the button, thanks

Was useful? then please like and accept as solution
Not really sure how to improve your store? Ask us at porrasc940@gmail.com
0 Likes
Highlighted
New Member
3 0 0

OK, I think I have solved the problem by using a Rich Text page instead of the section I was using

But thank you very much for your offer of help

FB

0 Likes