Skip to main content

Draft integrations

Discover how to connect email services to send transactional communications and receive messages through contact forms.

You will also learn how to customize the communication templates for your e-commerce.

Transcription

Configuring Email Services for Webround Website​

You're probably wondering how your Webround website can send transactional emails and receive contact form submissions. Access the draft detail modal, and open the Manage Integrations page. Here, you'll find a set of tools to configure how you send email, which templates are used for your emails and a Edge Hooks section.

Let's start from the available email services. By configuring one of these integrations, you'll be able to send and receive transactional emails. If you create an e-commerce or use a contact form, the service is fundamental for delivering communications to your customers.

Webround Email Integration​

Webround email is an easy-to-configure integration that allows you to receive and send 500 emails for free each month. All you need to do is set the integration as default and enter the sender and receiver emails. The sender email is the one appearing as the sender. With Webround email, we'll send emails from a no reply address, but we'll add your email as a reply to parameter. This means that all the responses on the email will be redirected to the sender address.

The receiver email is specific to contact forms. This is the address you want to receive contact form emails to. Once you save the configuration, you'll receive two emails to validate access to the specified addresses. Make sure you have access to the sender and receiver email inbox.

External Email Providers​

Webround email is designed to help stores and websites with low traffic. If you need more than 500 monthly emails, you have to configure one of the current providers like Resend, Sendgrid or Mailersend. In the future, there will likely be more providers and also a hook service that will redirect emails to an endpoint of your choice so that you can use whatever you want to send emails from your own infrastructure.

When configuring an external provider, you'll need to enter the API key used for interaction with their APIs. Don't worry, your secrets are encrypted and are only decrypted at the moment of the sending operation in our service. No one can read your secret.

Email Template Editing​

All transactional emails for your e-commerce communications are editable as normal HTML files. At the moment, you can only edit the Italian and English version, but we'll integrate more translations in the future. Each template is semantically validated. You can only use basic style tags and only the variables available for the template.

As an example, the newsletter confirmation template has the store name and signed URL variables available for use. If you specify different variables, the template will not be saved. You can also preview the current version of the template with the dedicated button.

Edge Hooks​

The hooks section allows you to define new edge hooks for your website. You can only define a hook after website deployment because the system relies on the drafts domain to decide if the edge hooks can run. You can leverage edge hooks to inject data at the edge before the delivery of the website to your visitors.

This enables data injection in the body or the head of the HTML document. Use hooks to integrate server side logics or data that you can process in the front end with custom react components.