mattlaurence Posted July 18, 2020 Share Posted July 18, 2020 Site URL: http://www.mattlaurencemusic.com/ Hey guys, I'm using the cover page as a landing page and I wanted to know if there's anyway to add another "book now" button right at the top, under the title, or at the very least, to bring the existing button up to the top? The person I use for marketing said that it would really help conversions to have a button at the top and bottom. Maybe there's another kind of page that would work better. I tried looking through some other site templates and I didn't really find anything that was able to include a product directly. Is there any quick work around that would prevent me from rebuilding everything? Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 Which plan do you use? Personal or Business? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted July 18, 2020 Author Share Posted July 18, 2020 I have the commerce plan Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 Add to Cover Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter("h1#sqs-slash-page-header"); }); </script> replace beaverhero with your page url replace top button with new text Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted July 18, 2020 Author Share Posted July 18, 2020 (edited) 58 minutes ago, tuanphan said: Add to Cover Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter("h1#sqs-slash-page-header"); }); </script> replace beaverhero with your page url replace top button with new text Awesome. thank you!! I got the buttons but it seems I ended up with 2 of them and I need to delete the tope one and move the bottom one under the title. Thanks for you help!! Edited July 18, 2020 by mattlaurence pic Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 remove above & use this <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy.stacked h1#sqs-slash-page-header"); }); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted July 18, 2020 Author Share Posted July 18, 2020 4 minutes ago, tuanphan said: remove above & use this <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy.stacked h1#sqs-slash-page-header"); }); </script> That lost them both that time 😕 Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 try again with this code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy h1#sqs-slash-page-header"); }); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted July 18, 2020 Author Share Posted July 18, 2020 17 minutes ago, tuanphan said: try again with this code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy h1#sqs-slash-page-header"); }); </script> Got the single button, just has to come down juuust a little bit - if possible!!! Thank you! Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 remove above & use this <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused tuan" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy h1#sqs-slash-page-header"); }); </script> <style> .tuan { margin-top: 50px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted July 18, 2020 Author Share Posted July 18, 2020 11 minutes ago, tuanphan said: remove above & use this <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused tuan" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy h1#sqs-slash-page-header"); }); </script> <style> .tuan { margin-top: 50px; } </style> Perfect!! That looks great. I appreciate you!! Link to comment
mattlaurence Posted July 21, 2020 Author Share Posted July 21, 2020 (edited) On 7/18/2020 at 4:40 AM, tuanphan said: remove above & use this <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<div class="sqs-slice yui3-widget sqs-slice-buttons sqs-slice-buttons-content sqs-slice-buttons-focused tuan" data-slice-type="buttons"><a href="https://beaverhero.com">Top Button</a></div>').insertAfter(".sqs-slice-group.group-copy h1#sqs-slash-page-header"); }); </script> <style> .tuan { margin-top: 50px; } </style> Hey Tuanphan! What code would I need in order to put a video right underneath this new button? I uploaded the video to Wistia. Thanks for your help!! Edit: I know you can upload a video in the template but it's just a background image and doesn't play audio Edited July 21, 2020 by mattlaurence update Link to comment
tuanphan Posted July 22, 2020 Share Posted July 22, 2020 15 hours ago, mattlaurence said: Hey Tuanphan! What code would I need in order to put a video right underneath this new button? I uploaded the video to Wistia. Thanks for your help!! Edit: I know you can upload a video in the template but it's just a background image and doesn't play audio I don't see video? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted July 22, 2020 Author Share Posted July 22, 2020 (edited) 10 hours ago, tuanphan said: I don't see video? Yeah the original template for a cover page doesn't have a spot for a video, just a background image, is it possible to put one on the page? I'm running ads for lessons and am noticing that a lot of people are clicking and not signing up so I thought a video might help with signups This is the video Edited July 22, 2020 by mattlaurence Link to comment
tuanphan Posted July 24, 2020 Share Posted July 24, 2020 You can use normal page, then we will give the code to hide header, footer... to make it to cover. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted November 21, 2020 Author Share Posted November 21, 2020 (edited) @tuanphanHi Tuanphan! I'm so thankful for all of your help! By default, clicking the site title send you back to the homepage - I wanted to know if there was a way/code to turn this off? I don't want give viewers any links to get off of the page because I want to use it as a funnel. Thank you! I have the commerce plan. Edited November 21, 2020 by mattlaurence spelling Link to comment
tuanphan Posted November 22, 2020 Share Posted November 22, 2020 11 hours ago, mattlaurence said: @tuanphanHi Tuanphan! I'm so thankful for all of your help! By default, clicking the site title send you back to the homepage - I wanted to know if there was a way/code to turn this off? I don't want give viewers any links to get off of the page because I want to use it as a funnel. Thank you! I have the commerce plan. Yes. Possible. Can you share link to cover page? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mattlaurence Posted November 22, 2020 Author Share Posted November 22, 2020 11 minutes ago, tuanphan said: Yes. Possible. Can you share link to cover page? We can help easier Yeah here's the link! http://www.mattlaurencemusic.com/premiumguitarbundle Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment