Can HTML be used to format form data in Webflow to create a nicely formatted and visually appealing email for different locations, beyond the available variables provided by Webflow?

Published on
September 22, 2023

HTML can indeed be used to format form data in Webflow to create a nicely formatted and visually appealing email for different locations. Although Webflow provides some variables for form submission emails, these may not cover all the specific formatting requirements you may have. By customizing the HTML code in the email notification settings, you can create a fully customized and visually appealing email for different locations. Here's how you can do it:

  1. Start by accessing the Form settings in Webflow. Navigate to the form element on your Webflow project, and click on the gear icon to access the settings.

  2. In the form settings, scroll down to the "Form submissions" section. Here, you will find the "Form notifications" settings.

  3. Click on the "Add new email notification" button to create a new email notification.

  4. In the email notification settings, you will find a text editor where you can enter the email content. By default, Webflow includes some variables that you can insert into the email to display form data. These variables are enclosed in double curly braces (e.g., {{fieldName}}).

  5. To format the email using HTML, switch to the HTML editor in the text editor. This will allow you to write custom HTML code to style the email as desired. You can write HTML tags, apply styles using inline CSS, and structure the email layout.

  6. To display form data in the email, use the available variables provided by Webflow within your custom HTML. These variables will be populated with the actual form data when the email is sent. For example, you can use {{fieldName}} to display the value of a specific form field.

  7. Customize the HTML code as needed to create a nicely formatted email for different locations. You can include images, apply styles, create tables, or use any other HTML elements and attributes to achieve the desired visual effect.

By using custom HTML code in the email notification settings, you can go beyond the available variables provided by Webflow and create a highly customized and visually appealing email for different locations.

Additional Questions:

  1. How can I customize the form submission email in Webflow?
  2. Can I include images in the form submission email in Webflow?
  3. Is it possible to change the layout and styling of the form submission email in Webflow?