How can I edit a pop-up form in Webflow when changing it from Hidden to the one on the far left is no longer working?

Published on
September 22, 2023

To edit a pop-up form in Webflow when changing it from Hidden to the one on the far left is no longer working, you can follow these steps:

  1. Select the pop-up form element: In your Webflow Designer, locate the pop-up form element that you want to edit. Click on the element to select it.

  2. Open the interaction panel: With the pop-up form element selected, go to the right-hand side panel and click on the "Interactions" tab.

  3. Check the interaction settings: In the interactions panel, make sure that the interaction for showing the pop-up form is correctly set up. Select the interaction that is associated with the pop-up form and check the settings to ensure that they are configured correctly.

  4. Edit the interaction settings: If the interaction settings are not correct or have been accidentally modified, you can edit them to fix any issues. Make sure the trigger for showing the pop-up form is set to the desired action, such as a click or scroll.

  5. Preview and test: Once you have made the necessary changes to the interaction settings, preview your website to test if the pop-up form is now working as expected. Make sure to check both the published site and the Designer preview to ensure the changes are propagated properly.

If you have followed these steps and the pop-up form is still not working correctly, there may be other factors at play. Consider the following additional troubleshooting steps:

  • Check if the pop-up form element is set to display:none in the styles panel. If so, ensure that the display property is set to "block" or "flex" when the interaction triggers.

  • Review any other interactions or custom code on the page that may be conflicting or interfering with the behavior of the pop-up form.

  • Clear your browser cache and try previewing the website again to rule out any caching issues.

Remember to save your changes frequently and publish your site to see the updated pop-up form on your live website.

Additional Questions:

  1. How do I trigger a pop-up form in Webflow?
  2. Can I customize the design of a pop-up form in Webflow?
  3. Are there any best practices for using pop-up forms in Webflow to improve conversion rates?