topalk Posted August 10, 2023 Share Posted August 10, 2023 Hello, can someone help me with making a tweak on my website? I am trying to have the header button activate a typeform pop-up window the same way the BUY PASS buttons do on the rest of the website, I'm guessing there would have to be a code injected/embedded on the button but since it is in the header I don't see how to do that. Anyone can help with this? Link to comment
tuanphan Posted August 12, 2023 Share Posted August 12, 2023 Can you share typeform embed code + site url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
SaunaGuy Posted December 15, 2023 Share Posted December 15, 2023 Hello. I'm having the same issue. Is anyone able to help? I'd like to embed a link from Cademy.com to popup on my header button Link to comment
tuanphan Posted December 16, 2023 Share Posted December 16, 2023 18 hours ago, SaunaGuy said: Hello. I'm having the same issue. Is anyone able to help? I'd like to embed a link from Cademy.com to popup on my header button Can you share embed link? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madebyapricot Posted February 17 Share Posted February 17 Hey @tuanphan Having the same issue. Looking to embed the pop-up into the "Get Started" button at the bottom under "Stop Noodlin' and Start Doodlin'" Here's the link -> www.madebyapricot.com Here's the typeform button -> <div data-tf-live="01HPMVMRXWADYHC368ZN0ZCFR7"></div><script src="//embed.typeform.com/next/embed.js"></script> Link to comment
tuanphan Posted February 18 Share Posted February 18 On 2/17/2024 at 10:52 AM, madebyapricot said: Hey @tuanphan Having the same issue. Looking to embed the pop-up into the "Get Started" button at the bottom under "Stop Noodlin' and Start Doodlin'" Here's the link -> www.madebyapricot.com Here's the typeform button -> <div data-tf-live="01HPMVMRXWADYHC368ZN0ZCFR7"></div><script src="//embed.typeform.com/next/embed.js"></script> I tried creating a demo, you can check https://tuanphan.squarespace.com/typeform-popup?noredirect password: abc Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madebyapricot Posted February 21 Share Posted February 21 Bingo, @tuanphan. That's it. 👍 Link to comment
madebyapricot Posted February 22 Share Posted February 22 @tuanphan Can you let me know how you achieved that? Link to comment
tuanphan Posted February 24 Share Posted February 24 (1) First, add your Typeform Embed Code to the Code Injection – Footer <div data-tf-live="01HPMVMRXWADYHC368ZN0ZCFR7"></div> <script src="//embed.typeform.com/next/embed.js"></script> (2) Next, use this code to Website Tools > Custom CSS [data-tf-live] { opacity: 0 !important; position: absolute; z-index: -100; } (3) Use this code to Code Injection Footer, under Typeform code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).on('click', 'a.btn', function(event) { event.preventDefault(); $('button[data-tf-popup]').click(); }); </script> (4) Edit Header Button, you can use any name/url what you want, but make sure this option is disabled Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madebyapricot Posted February 26 Share Posted February 26 Thanks @tuanphan! This is great! If I wanted to add this to a different button on the website, would there be any adjustments to the code required? Link to comment
tuanphan Posted February 29 Share Posted February 29 On 2/27/2024 at 12:34 AM, madebyapricot said: Thanks @tuanphan! This is great! If I wanted to add this to a different button on the website, would there be any adjustments to the code required? a.btn is Header Button ID If you want to apply to specific button, you can use another ID For example, if you want Button Block, use some ID like this #button-block-id a Use this tool to find ID: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff If you want to apply to a button in List Section, you can enter this URL to List Item button: #typeform then replace a.btn with [href="#typeform"] In case you still can't make it work, you can share link to page & let me know which button, I will give you exact ID/code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
madebyapricot Posted March 7 Share Posted March 7 Hey @tuanphan, This is off topic here, so let me know if I should be directed elsewhere but we're also having trouble with custom fonts rolling over to mobile and also have it missing on various parts of our site (ie. sale text, product buttons, product categories, blog titles, etc.) I've attached files for reference. Our site is www.madebyapricot.com. Appreciate your help. Let me know if there's anything else you need Link to comment
madebyapricot Posted March 7 Share Posted March 7 Also, @tuanphan, that Typeform coding worked like a dream. Thank you so much. Link to comment
tuanphan Posted March 8 Share Posted March 8 18 hours ago, madebyapricot said: Hey @tuanphan, This is off topic here, so let me know if I should be directed elsewhere but we're also having trouble with custom fonts rolling over to mobile and also have it missing on various parts of our site (ie. sale text, product buttons, product categories, blog titles, etc.) I've attached files for reference. Our site is www.madebyapricot.com. Appreciate your help. Let me know if there's anything else you need What is problem with custom font? It doesn't work on mobile or you don't know how to add custom font to elements in screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted March 14 Share Posted March 14 All will use same font or different? Sale text, use this .product-mark.sale { font-family: 'CaustenRound-Black' !important; } Add to Cart, use this .sqs-add-to-cart-button-inner { font-family: 'CaustenRound-Regular' !important; } Product Categories, use this li.category-item a { font-family: 'CaustenRound-Black' !important; } Blog Titles, use this h1.blog-title a, .blog-item-wrapper .blog-item-title h1 { font-family: 'CaustenRound-Regular' !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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