Okay
  Public Ticket #3194049
popup form
Closed

Comments

  • Prscilla started the conversation

    two questions:
    1. I cannot figure out where an email goes when someone fills out a form. I have Hubspot plugin installed on wordpress as well but the shortcodes are not working for me. I cant find any documentation on how this works... t


    2. On the page below, i wanted the pop up to appear when users click on the 'Download the PDF' button. I had a hard time getting around this because the shortcode was not working on the Avada element. so i created a whole new page, https://thejunipercreative.com/lead-generator/, that this button directs users to where the form pops up there. this is a work around and not ideal.

    https://thejunipercreative.com

    8761137859.png
  •  69
    John replied

    Hi Prscilla,

    Thank you for getting in touch with us. My name is John, and I'm happy to assist you today. I appreciate your patience while we've been working toward your ticket.

    Since WordPress doesn't offer a standardized way for email signups or handling forms in general, there's no endpoint to which we could connect the form submission. Text fields, checkboxes, and other form elements in templates are for illustration purposes, and we aren't currently offering an email signup service. 

    Without a standardized way to handle forms, there are simply too many 3rd party plugins, email services, providers, and use cases to provide a universal integration. That's why we recommend external form-building plugins and services that you can embed in sliders and popups. Please note that embedded forms with shortcodes will not appear in the editor/preview admin area; they'll only be visible on the front-end pages. It's also important to paste the shortcode into an HTML layer.

    Opening popups with a button press is very easy if the button is inside a slider and you can use the "Open Popup" layer action

    If the button is not part of a slider, you can use the Project Settings → Layout → Popup → Open By Click option. That option field expects a selector to target the button that will open the popup. You need to add a custom class name to the button, for example, "open-download-popup" (without the quotes). Then, you can enter the same class name in the option field described above with a dot at the beginning: .open-download-popup. The dot signifies that you're looking for a class name. You can use a hash mark if you apply an ID attribute to the button instead of a class name.

    Best Regards,
    John | Kreatura Dev Team

  • Prscilla replied

    Hi John, 


    I'm still not understanding how I get Hubspot (3rd party email generator as you mentioned) to capture the emails inputted from my popup layerslider. Can you help explain this process?


    Below is the layerslider popup (No. 1) that I would like to pop up when someone clicks a button on my website (No. 2)

    (No 1)

    4346047104.png


    (No. 2)

    6857679871.png


    I know there has to be a way to capture emails, otherwise, Layerslider would not create these types of templates... 


    Thx!!

  •  69
    John replied

    You should remove or hide the submit button, checkbox, and text field layers from the popup template. Those are just for illustration purposes. The rest of the popup, such as the "frame", graphics, headings, and other textual content can remain. So you'll have the same popup with the same animations; only the inner part should go and be replaced with a form built in a 3rd party solution. The goal is to re-create the form elements in your preferred form-building plugin that you can embed by its shortcode. To embed a shortcode, you'll need to add a new HTML layer to your popup and paste the shortcode into the "Content" field. Unfortunately, there's no way to capture emails since there's no standardized way that other plugins can "understand". That's why the form needs to come from another plugin, and the text fields and other form elements cannot be mixed together.

    Best Regards,
    John | Kreatura Dev Team

  • Prscilla replied

    Thank you! This helped a lot and that makes perfect sense now. 

    follow up question:
    I am able to successfully create a form in Hubspot and embed the code into a popup layerslider per your instructions, But this is what i am seeing when i copy the html in the content box.

    9569554063.png


  •  69
    John replied

    I believe Hubspot should also offer to embed forms with a shortcode. You're currently using a <script> tag, which WordPress might filter out due to security concerns. A shortcode should look something like this: [hubspot type="form" id="..."]

    Please note that shortcodes will appear as text snippets in the admin area, and you'll need to embed the popup into a front-end page to see the form properly.

    Best Regards,
    John | Kreatura Dev Team

  • Prscilla replied

    That worked! Thank you!