Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Buy Button with external link for blog

Buy Button with external link for blog

DTagesson
Visitor
3 0 0

Hello! I would need some help inserting a buy now button that has the function of sending customers to an external link. I can't get one of these into my blog post, help me please 🙂

Replies 5 (5)

conversionist
Shopify Partner
98 8 11

Hey @DTagesson your question is not clear to me
do you want to add a call to action button on your blogs to direct visitors to buy ?

Building 100 Shopify apps for that BMW M5 dream

Follow the journey at https://www.youtube.com/@conversinist
https://
conversionist.online/
Buy me a coffee
DTagesson
Visitor
3 0 0
Yes, from my blogpost i want to direct customers with a Button to Buy a product on another site.
conversionist
Shopify Partner
98 8 11

Sure I think I will build an app for merchants to add buttons anywhere that are fully customizable with links
Bro here's how to add a button to your blog 

  1. Navigate to Your Blog Post Editor:

    1. From your Shopify admin, go to Online Store > Blog Posts
    2. Click on the blog post you want to edit or create a new one.
  2. Switch to HTML Mode:

    1. In the blog post editor, click on the "Show HTML" button. This will allow you to edit the HTML code of your blog post directly.
  3. Insert the Button Code

    1. Copy and paste the following HTML code where you want the "Buy Now" button to appear:

      HTML
       

 

<a href="YOUR_EXTERNAL_LINK" class="buy-now-button" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-align: center; text-decoration: none; border-radius: 5px;">Buy Now</a>

 

           Bro make sure to replace YOUR_EXTERNAL_LINK with the URL of the product page you want to link to
           and you can customize the button’s appearance by modifying the inline CSS in the style attribute if you want something custom feel free to dm me
 

  • Save Your Changes:

    • After adding the HTML code, save your blog post

 

 

 

Building 100 Shopify apps for that BMW M5 dream

Follow the journey at https://www.youtube.com/@conversinist
https://
conversionist.online/
Buy me a coffee
DTagesson
Visitor
3 0 0
Thank u very much! I Will try this, how do i change color on the Button later on?
ShopifyDevSup
Shopify Staff
1453 238 530

Hi @DTagesson,
 

Thanks for reaching out! I recommend checking out the Buy Button sales channel by Shopify. This channel allows you to generate the necessary code to embed "Buy Buttons" wherever HTML can be added. It's a straightforward solution that can help you integrate Shopify's purchasing capabilities into your existing site or blog seamlessly.
 

You can find more details and get started in our help documentation on Buy Buttons.

Developer Support @ Shopify
- Was this reply helpful? Click Like to let us know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog