Adding a button next to 'Buy now' in Debut theme

Solved
Highlighted
New Member
5 0 0

I would like to add a button to all my product pages which will direct a customer to a page link. See images for two examples. 

 

Any easy solution for this? 
Thanks in advance

 

PHOTO-2019-11-10-17-19-42.jpgIMG_3478 2.PNG

0 Likes
Explorer
104 9 9

Hi, @mokumprix:

 

The button you want: "personal shopping request" always sends to the same page? Or do you want to load a page with some of the product info?

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
New Member
5 0 0

Hi,

It will always direct to the same link (a typeform). And this same link for every product page on my store.

0 Likes
Explorer
104 9 9

You must add it on HTML, try editing your product page: Themes > edit code > product template
Which theme are you using? We can customize it for you if you send us an Email with your Shopify store URL like mystore.myshopify.com then we will send you an invitation to your Shopify as a collaborator.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
New Member
5 0 0

I am using the debut theme; if you could help out I will send you an email now!

0 Likes

Hey, 

It depends what is "easy" for you :)

 

The simplest solution for me would be to add a line of code in your product template.
The simpler one, which would require more manual work, but no code editing would be to add a link to the "personal shopping request" page to the top of your product description. The link/button won't appear exactly where you want it, but you'll have it on the page.

 

Are you comfortable editing your theme's code?

Edit: I could help, too. Email me at rumen@rumendimitrov.com



Problem Solved? ✅ Accept the solution so you can help others.

Confused? Busy? ? Let me solve it for you: rumen@rumendimitrov.com

Buy me a coffee? ☕ paypal.me/braiv

Want to increase revenue? $ First find where your store is leaking money rumendimitrov.com/bfcm/
0 Likes
New Member
5 0 0
Hi,

Yes definitely. Editing code would work for me
0 Likes

Well, here is a rough draft:

Screenshot 2019-11-11 at 13.26.45.png



Problem Solved? ✅ Accept the solution so you can help others.

Confused? Busy? ? Let me solve it for you: rumen@rumendimitrov.com

Buy me a coffee? ☕ paypal.me/braiv

Want to increase revenue? $ First find where your store is leaking money rumendimitrov.com/bfcm/
0 Likes
New Member
5 0 0
That looks awesome! Is it possible to do the following things?:
Move the button next to OR below the “buy now” express button
And
Make the colors inverse of the add to cart button

Please let me know if that’s possible, thanks!
0 Likes

Highlighted you'll see the code that you need to add:

<a href="/link-to-product-assist" class="btn product-form__cart-submit btn--secondary-accent">Personal Shopping Request</a>

Keep the class the same to get the "add to cart" button look. Change the contents of the href to your typeform.

 

How to find where to put that code?

search for <button type="submit" name="add" in your product theme



Problem Solved? ✅ Accept the solution so you can help others.

Confused? Busy? ? Let me solve it for you: rumen@rumendimitrov.com

Buy me a coffee? ☕ paypal.me/braiv

Want to increase revenue? $ First find where your store is leaking money rumendimitrov.com/bfcm/
0 Likes