Embed the signup form into a sidebar or footer via a widget?

  • primaterational
    Asked on June 12, 2017 at 1:55 AM

    Hi there,

     

    Is it possible to add a signup form to website. I want it on the sidebar, or footer - via a widget?

    I've tried copying the [embed] HTML code into a text widget, but it won't appear on my website.

    Any ideas?

  • Charlie
    Replied on June 12, 2017 at 3:09 AM

    Hi,

    You posted your comment on this guide: https://www.jotform.com/help/163-How-to-Integrate-with-MailChimp. I'm not really sure if I understood your concern, where are you embedding JotForm? Is it on MailChimp? 

    You can check our "Publish" tab page where you can see the different embed codes that you can use, you can also check the "Platforms" tab to see specific instructions on how to embed a JotForm form. 

    Embed the signup form into a sidebar or footer via a widget? Image 1 Screenshot 20

     

    You can also check this guide: https://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use. 

    I hope that helps. Let us know if I misunderstood your concern, if you are trying to embed the form in MailChimp, I am not sure if that is possible and what part of MailChimp you are trying to display the form. 

  • primaterational
    Replied on June 12, 2017 at 6:24 AM

    Hi there,

    Thanks for the help - I apologise for for the vagueness of my question.

    What I'm trying to do is embed the jotform sign up form (integrated with mailchimp) onto my wordpress.com website. However, I want to embed the form as a widget on the sidebar of my website - rather than have a dedicated page on the website for the form.

    As a widget, the form would appear on every page. Is there a way to do this?

    Thanks

  • newbie06
    Replied on June 12, 2017 at 6:58 AM

    hello there,

    the following link looks promising, sir. Hopefully, this will help you out .

    https://www.jotform.com/help/174-Embed-JotForm-in-Wordpress-using-the-Embed-Form-Plugin

    have a nice day.

     

  • Welvin Support Team Lead
    Replied on June 12, 2017 at 8:23 AM

    The link that was shared by newbie06 is for the WordPress.org self-hosted website. 

    Try to do it this way in WordPress.com:

    1. Add a text widget in the sidebar.

    2. Copy/paste the Wordpress.com code from the Publish section to the text widget. See if that works. Here's the guide to get the code: https://www.jotform.com/help/299-How-to-embed-a-form-to-Wordpress-com. 

  • primaterational
    Replied on June 14, 2017 at 1:58 AM

    Thanks Welvin,

     

    That's what I tried, but when I enter the code, nothing appears on my webpage.

    It's OK though, I just made a text link to a specific page on my website where people can sign up - so that will be fine for now :)

     

    Cheers

  • Charlie
    Replied on June 14, 2017 at 3:40 AM

    Hi,

    I made an account in www.wordpress.com and unfortunately, it seems like the "Text Widget" strips or sanitizes code embed code which is why it is not appearing correctly and it shows a hyperlink instead. 

    Here's a screenshot the first time I added the embed code, I'm using iFrame in this case.

    Embed the signup form into a sidebar or footer via a widget? Image 1 Screenshot 30

     

    After saving and publishing the website, when you re-open the widget, you'll see that it has been converted to a <a> instead, hyperlinking the link of my form instead. 

    Embed the signup form into a sidebar or footer via a widget? Image 2 Screenshot 41

     

    I presume this is more of a security design in Wordpress.com's end, they are sanitizing or stripping codes that they do not allow to be injected in the web page. 

    I hope that helps.