All Collections
Forms
Why isn't my form displaying the image when I embed it into my website?
Why isn't my form displaying the image when I embed it into my website?

Troubleshooting embedded forms in small website containers

R
Written by Rebecca Shostak
Updated over a week ago

Flodesk forms are responsive to be optimized for conversion. If you're embedding any type of inline form with an image into your website and the image isn't showing up, it's because the website container you're embedding the form into is less than 768px wide.

768px is web standard for a desktop vs. mobile breakpoint. This means that if the HTML container your form is embedded into has a width of less than 768 pixels, the Flodesk form will behave as though it's being viewed on a mobile device and display the mobile view, which is optimized for conversion and therefore does not display an image.

We see this most commonly when forms are being embedded in blogs and websites that have sidebar widgets that squish the main content of the website into a smaller width container.

You can fix this in several ways:

  • On the Forms tab, enable/toggle on "Image on mobile" which will show your form's image on mobile devices

  • Expand the width of the container you're pasting form code into on your website or blog

  • Use the Ribbon Banner template option, which is ideal for narrow width websites and looks gorgeous in a variety of responsive situations

  • Try a pop-up with image, which looks great on any website because it isn't constrained by website containers

  • Create a button on your website that invites members to opt in to your email list, and link that button to a Full Page Form

  • Advanced option: customize the form to look exactly the way you want it to in your website's CSS

For more help with embedding a form, read on here.



We'd love to hear about your recent experience when searching for solutions to issues in the Flodesk Help Center (Knowledge Base). With your feedback, we can improve our knowledge base with new and better ways to help you succeed!

Please do not submit support tickets and feature requests via this feedback form.

If you need technical assistance, please submit a support ticket via email at support[at]flodesk.com mentioning your Flodesk account login email with a detailed description of your problem.



Do you have an idea for a feature that will help improve Flodesk for you and other members? Our Product team would love to hear from you.

Did this answer your question?