Description
- Add a button next to Add to Cart
- Click button >> Open an email form (autofill subject, item name,…)
#1. First, edit Additional Info (all products)
#2. Add a Button Block
#3. Enter button text + click Attach Link
#4. Click Email, then enter your email, subject, body text. Since we will insert a Button Block for each product, you can change different subject and body text for each product.
#5. Use this code to Code Injection Footer. The code will move Button Block from Additional Info next to Add to Cart.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('section.ProductItem-additional .button-block').appendTo('div.sqs-add-to-cart-button-wrapper'); }); </script>
Result
#6. If you want to make both same width, you can use this code to Custom CSS box.
div.sqs-add-to-cart-button-wrapper .button-block a { width: 100% !important; }
Result