Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'pop-up'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Hi! I was wondering how to hide the close button on the promotional pop-up, and instead have the pop-up fadeout after 5 seconds? Thanks!
  2. Site URL: https://www.magnetismsolutions.com/our-products/myconnect-for-xero Hello, I am trying to create a customised promotional pop up to drive free trials on each of my product pages. With the promotional pop up - you can have them surface on particular pages - but not on any of the specific product pages - only on the master product page itself. Is there a way to do this?
  3. Site URL: https://sapphire-poodle-5w36.squarespace.com/config/pages The following is the code we used for a testimonial; the pop-up works fine but when one closes it and the video is not paused, the background sound will keep playing. Please help us close the video pop-up without any background sound (aka stop the video on the background automatically ). The code is on the New Testimonial page https://sapphire-poodle-5w36.squarespace.com/config/pages password: hello97 Thank you for your time! <!DOCTYPE html> <head> <title>Creating a modal window with HTML5 &amp; CSS3</title> <style> .modalDialogH { position: fixed; font-family: Proxima Nova, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; !important> } .modalDialogH:target { opacity:1; pointer-events: auto; } .modalDialogH > div { max-width: 80%; height: 70%; position: relative; margin: 10% auto; padding: 5px 20px 20px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .closeH { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: 2%; text-align: center; top: 2%; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .closeH:hover { background: #00d9ff; } h2 { text-align:center; } </style> </head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <body> <a href="#Haruka M., Phillips Exeter Academy (USA)"><img src="https://i.ibb.co/5L3Q0vL/Haruka-Image.png" alt="Haruka-Image" border="0"style="position:relative; display: block; margin-left: auto; margin-right: auto; width: 80%;"></a> <a href="#Haruka M., Phillips Exeter Academy (USA)">Haruka M., Phillips Exeter Academy (USA) [VIDEO]</a> <div id="Haruka M., Phillips Exeter Academy (USA)" class="modalDialogH"> <div> <a href="#closeH" title="Close" class="closeH">X</a> <h2 style="font-size:2.5vw;">Haruka M., Phillips Exeter Academy (USA)</h2> <h2></h2> <iframe width="100%" height="80%" src="https://www.youtube.com/embed/W27_K-9fpI8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </body>
  4. Site URL: https://www.woestijnroos.store/ Hi Squarespace collegues, I have a specific question. Is it possible to add a promotional pop-up at the first page, but to use your own customized design (for example image/video). And in this case, it would be a small .gif or .mp4 file. I don't know if that's possible with code and then to use this gif, video or image as an uploaded file in the css? Or do I need to use an external partner/extension for that? If so, can you point me in the right direction. Thank you for your help. WhatsApp Video 2021-08-04 at 09.38.31.mp4
  5. Site URL: https://parrotfish-helix-nx86.squarespace.com/config/pages Hello, I found a way for SQ to accept a pop-up code without disrupting the layout. The only issue left is that it needs to be centred, insted it looks as in the picure. Not-linked page I am working on is: Testimonials EVE layout works (Copy) The pop-up code is the following: <!DOCTYPE html> <head> <title>Creating a modal window with HTML5 &amp; CSS3</title> <style> .modalDialog { position: fixed; font-family: Proxima Nova, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; !important> } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 560px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } h2 { text-align:center; } </style> </head> <body> <a href="#Jiro M., Dartmouth College (USA), Phillips Exeter Academy (USA) >">Jiro M., Dartmouth College (USA), Phillips Exeter Academy (USA) ></a> <div id="Jiro M., Dartmouth College (USA), Phillips Exeter Academy (USA) >" class="modalDialog"> <div> <a href="#close" title="fadeout" class="close">X</a> <h2>Jiro M., Dartmouth College (USA), Phillips Exeter Academy (USA)</h2> <h2><p style="font-family:Proxima Nova; font-weight:300; font-style:normal; font-size:16px; letter-spacing:0.02px; line-height:1.7em; color:hsl(0, 0%, 0%);" !important> “I spent about 3 months at the Chamber of Commerce in Japan, and that was a transformative time for me! I got to both experience doing business with diverse clients from both Japan and North America, and also organize the events we met them at! Having the opportunity to hear the stories of businessmen/women from overseas working hard in a foreign country was a unique experience I wouldn’t forget. This internship taught me both the intricacies of handling clients of all backgrounds and also the mechanics of organizing large events. I am extremely grateful for this opportunity offered to me and hope to keep on developing my skills that were nurtured during this internship.” </h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/jbcwGBmfzdQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </body>
  6. Site URL: https://butterfly-magnolia-5ta9.squarespace.com/config/pages Can someone help me understand why this youtube video is not showing? what is wrong with the code? site passw: hello97 i.e. this is the code <div style="display:none;"> <div id="bio-alex"> <h3>Title</h3> <p style="font-family:Proxima Nova; font-weight:300; font-style:normal; font-size:16px; letter-spacing:0.02px; line-height:1.7em; color:hsl(0, 0%, 0%);" !important> "text goes here." </p> <!DOCTYPE html> <html> <head> <title>HTML Video embed</title> </head> <body> <p></p> <br /> <iframe width="560" height="315" src="https://youtu.be/NFyxml7idZA"0" allowfullscreen></iframe> </iframe> </body> </html>
  7. Site URL: https://www.daancoaching.com/ Hi, I'm trying to create a promo pop-up but for some reason the image that shows on the web version disappears on the mobile version. Any code for this? I've been trying different things but nothing seems to work. See attached images.
  8. Site URL: https://butterfly-magnolia-5ta9.squarespace.com/config/pages Hello, could you help me create a pop-up window when clicking or hovering over a picture or a text in this section please? No plugins that require payment please, since I need an affordable solution and would also like to learn the code for future reference. You can find the page section of the screenshot on the Home page. Thank you all for your time and insight.
  9. Site URL: https://drinkcasalu.com/ I'm trying to create a custom shape promotional-pop-up. When I upload my transparent .png it displays with a black background and I can't find where it's coming from. Any ideas?
  10. Site URL: https://gar-cow-cwsx.squarespace.com/about-2 Hello! I'm trying to add pop-ups to the team section for the bios (button>read bio) as the text for each team member is 200 characters. The team section is at the bottom of the about page. The password for the site is: bertie I have tried the solution below but didn't work (probably the code needs to be tweaked for the new version?) Thanks!
  11. Sharing this - hopefully it saves someone some time. Here's a code block to create a button that opens an external website as a pop-up - just replace cnn.com with the site you want to appear in the pop-up. <center> <div class="sqs-block button-block sqs-block-button"><div class="sqs-block-content"> <div class="sqs-block-button-container--center preFlex flexIn" data-animation-role="button" data-alignment="center" data-button-size="medium" style="transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-duration: 0.65s;"> <a href="https://cnn.com" class="sqs-block-button-element--medium sqs-block-button-element" data-initialized="true" target="popup" onclick="window.open('https://www.cnn.com','popup','width=600,height=600,scrollbars=no,resizable=no'); return false;"> This is CNN </a> </div> </center>
  12. Hi all, I have been working on my Squarespace website and I was trying to figure out how to make an information pop-up. My idea is I have the information symbol next to the service listed that has extra text pop-up when it is hovered over. Something like this: Any ideas? Thanks :)
  13. Site URL: https://yo-studios.squarespace.com/ How can I CSS-target the close cross and the disclaimer text in promotional pop up? Some how there is a bug, and sometimes the X is pink. And I cant change the disclaimer text to white.... https://yo-studios.squarespace.com/ code: YO2021
  14. Site URL: https://www.trescerouno.com Hi Community, I would like to add small pop-up windows showing some additional text explanation, when the mouse goes over some text or image. Image below will explain it better 🙂 It is the same idea as Squarespace uses on their plan/pricing page. Question, is this something I can do by myself or would I need additional pluggin/code? Thanks, Arturo
  15. I am trying to add code for a pop up form that shows up on my website. I am putting the code under settings -> advanced -> code injection, but the pop up form is showing. Any advice would be so appreciated. I included the code below! <script> (function(w, d, t, s, n) { w.FlodeskObject = n; var fn = function() { (w[n].q = w[n].q || []).push(arguments); }; w[n] = w[n] || fn; var f = d.getElementsByTagName(t)[0]; var e = d.createElement(t); var h = '?v=' + new Date().getTime(); e.async = true; e.src = s + h; f.parentNode.insertBefore(e, f); })(window, document, 'script', 'https://assets.flodesk.com/universal.js', 'fd'); window.fd('form', { formId: '6081e2ef24c31058aadf82ea' }); </script>
  16. Promotional pop-ups are a great way to grab someone’s attention when they visit your website. You can let potential customers know about exciting sales or the launch of a new product. Pop-ups can also be used for more ‘housekeeping’ purposes like conducting surveys or asking visitors to verify their age for any age-restricted content you might have. On Squarespace you can tailor a variety of aspects of your pop-ups to maximize their impact. You can choose the layout, deciding between a subtle placement in the bottom right corner or going for a more dramatic, full page design. You can also customize the timing and frequency that they display. Learn more in creating a promotional pop-up. How have you used promotional pop-ups on your website? Which settings have been the most impactful for you? Share in the comments below!
  17. Site URL: https://newbalancenutrition.com.au Hi Team, I just created a pop up, but it appears at the bottom of the phone. Anyone knows how to modify this to make it appear at the top or center? Many thanks
  18. Site URL: https://www.meetra-germany.com/ Hi, I would like to create a pop-up or announcement that will only be displayed to visitors who landed on my site because of a redirect and originally clicked on another URL that redirects to my website. Squarespace popups do not allow this option. Do you have any suggestions for a smart workaround or a good widget tool that takes into account the visitor's source? This is part of a rebranding so there will be a whole sitemap with the original URLs that will redirect to the new domain. Thanks in advance, Jana
  19. Site URL: https://www.wwo.org Hi! I have a promotional pop-up on my site that is just a square graphic along with two buttons. It looks fine on desktop, but the mobile pop-up does not show the graphic, just the two buttons. Is there anyway to customize the CSS so that I can have that square graphic appear above the mobile pop-up? Any help would be greatly appreciated!
  20. Site URL: https://cardioid-yellow-72c3.squarespace.com/ Hi Forum, I have been working on a website for my music studio for a while now. Sine I had a lot of pretty specific ideas the website also involves a lot of basic coding. I have tried to fix the issues I'm having by myself but I'm stuck so I decided to give the Forum a shot. Specifically the "About" Section on the website is giving me trouble. The idea is to have different "bubbles" to visually show the structure of our operation. Underneath these "bubbles" we have a short sentence describing it and then a "read more" that will open a pop up with the rest of the text. That's where I'm having trouble. The Lightboxes were done with Featherlight and although there is multiple posts in the forums about these featherlight boxes, I couldn't find a way to fix my issues and I really looked hard! 1.) How can I get the "read more" button to be centered? Seems like a simple thing to do but all the code options I tried for centering it either didn't do anything at all or they broke the lightbox and it stopped working. (I am talking about the actual "read more" that I'd like to center btw) 2.) How do I further format the box that pops up? I know this would involve CSS scripting and I also tried to find some instructions about that but to no avail. I did manage to give it a colored background but I'd like the font to be the same as my Theme's Font (Futura Font I believe) and I'd like the whole box, including the text, to be "slimmer". Right now it fills the width of the screen and the long text is displayed as 2 or 3 lines only which looks quite awkward and just not professional. I'd like the text to be more of a Box format if that makes any sense. I hope you can help me with this! Thanks a lot and have a great week everybody!
  21. I want to have it so when you click on a thumbnail in my portfolio section on home page, a side page opens up as a small box inunder same tab and you can see the home page in background. Not sure what its called so having trouble finding info on google or youtube.
  22. My website uses the Brine template (not sure if that's relevant) and I want to include a promotional pop-up for my newsletter. My company also uses Salesforce for our email campaigns, and I want to store entries from the pop-up to our Salesforce account. Is there any way to accomplish this? I know that Salesforce can be integrated into form blocks on the website, but can it be integrated into a pop-up?
  23. Site URL: https://erickanigan.photography/collections/gypsum-dreams Hi- I have created a form on a separate Contact page (https://erickanigan.photography/contact) that I have built out the drop-down fields for. I am hoping to be able to leverage this same form on separate pages to avoid having to build out the drop-down options again. Alternatively, I was thinking of creating a modified form, but I would like to know whether the title of the page (in this case, "Gypsum Dreams") could be auto populated in a free text field of the form. For example, I would want the title of the piece to autofill in a field so the user would not have to fill that portion out. Any help would be appreciated! Eric
  24. Hey Everyone, Looking for some help on adding a lightbox with unique content to pop up when an image is clicked to display a person's bio. I've tried using this person's code - However I found that it would only add the button to the top of the page in the header and it's not moveable. Can anyone help or advise how they've done something similar? Template being used is Sackett. Thanks a lot!! Really appreciate any ideas
  25. Site URL: https://www.thepuzzleproject.sydney Please help, I've been through all the settings, I've used reset and this is just not showing up.
×
×
  • Create New...