/weweb-tutorials

How to create a custom email template for WeWeb form submissions?

Get comprehensive step-by-step guidance on creating a custom email template for WeWeb form submissions. Enhance your online forms with personalized email responses!

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

How to create a custom email template for WeWeb form submissions?

Step 1: Log into WeWeb

Start by accessing the WeWeb platform. You will need your login credentials (username and password) to access your account. Once you're logged in, find your way to the WeWeb homepage.

Step 2: Navigate to your Website Dashboard

On the WeWeb homepage, search for your website under the "My Websites" section. Click on your chosen website to access the site's dashboard. This is where you'll find advanced settings, features, and more.

Step 3: Access the Form Submissions Section

Once you are on your site's dashboard, look for the "Forms" or "Submissions" section. This is typically located on the left-hand sidebar of the dashboard. Click on this to access the area where you can manage your forms and their submissions.

Step 4: Choose the Relevant Form

In the form submissions section, a list of all your available forms will be visible. Click on the form for which you want to create a custom email template for submissions.

Step 5: Access Form's Settings

After selecting the relevant form, look for the setting or configuration button (normally represented by a gear icon). Click on it to open the form settings.

Step 6: Navigate to Email Notifications

Inside the form settings, find the "Email Notifications" section. This section will enable you to manage email notifications associated with form submissions. It's generally found within the settings tab, but its exact location may differ based on the design of your dashboard.

Step 7: Create a New Email Notification

On reaching the "Email Notifications" section, look for an option to 'create new email notification' or 'add new'. Click on this to begin crafting your custom email template.

Step 8: Define Recipients

You should then be asked to define your recipients. This could be single or multiple email addresses. Enter these in the appropriate box(es) provided.

Step 9: Customize the Email Template

Now it's the fun part where you get to customize the email. Your platform should provide you with a text editor where you can write your email, use formatting tools, add images, change fonts, and more.

Remember the main parts of an email to include:

  • Subject: This could be something like 'New Form Submission'.
  • Email Body: This is where you detail the information about the form submission.

Step 10: Save your Changes

Once you've customized the email template to your satisfaction, remember to save your changes. Look for a "Save" or "Update" button, typically located at the bottom of the page.

Step 11: Test the Email Notification

To ensure everything works as it should, it's a good idea to test your new custom email template. You can do this by submitting a response through the form you just set up the custom email for and checking if you receive the custom email notification.

Step 12: Make Any Necessary Adjustments

Based on your test, make any necessary adjustments to improve your custom email template. Don't forget to save the changes once done!

Now, you've successfully set up a custom email template for your WeWeb form submissions. Anytime a visitor completes the form on your website, the custom email will be sent to the recipients you've specified.

Explore More Valuable No-Code Resources

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences