How to add another "Buy Now" button

This tutorial explains how to add another "Buy now"(Call to action) button to ProductPage. According to marketing best practices, you should have at least 2 "Buy Now" buttons throughout your page. 

Here's how to do this:

  1. Go to OpenCart Admin>Extensions>Modules
  2. Choose Edit for ProductPage Admin Panel
  3. In the Content Modules tab add a new module
  4. In the "Content" box (HTML Editor) click "Source"
  5. Paste this code
    <div class="col-12 col-sm-6 col-lg-6">
         <h1 style="line-height: 1;">Ready to buy?</h1>
    </div>

    <div class="col-12 col-sm-6 col-lg-6">
         <a class="btn btn-primary btn-large btn-block" href="your_checkout_link" style="margin-bottom:0;">Buy Now</a>
    </div>
  6. Change the text that says "Ready to buy?" to whatever you prefer
  7. The text that says "Buy Now" is displayed on the button. You can change this, too.
  8. Right click your live "Buy now"  button on the front page and choose "Copy link address" from the menu
  9. Replace your_checkout_link in the code with the link  you've just copied
  10. Set the layout of the module to "[PS]Product"
  11. Set the position of the module to "Content bottom"
  12. Click "Save"
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk