.png)
Updated Dec 8, 2024
SG Widget lets you Collect Emails For Sendgrid.
Add it to your site with 1 line of code to get a sign up form that stores emails in your Sendgrid marketing campaign lists. Here is a live example:
You can have this on your site in 5 minutes by following the steps below.
Contents
How To Collect Emails For Sendgrid
1 Create an account for SG Widget
Go to our registration page and enter your details.
2 Enter your Sendgrid API Key
Once in, you need to connect SG Widget to your Sendgrid account by entering a Sendgrid API key. If you don’t know how to get your Sendgrid API key, our docs explain it. After you have that, click the button on the dashboard and paste the Sendgrid key.
3 Create a Widget
From your SG Widget dashboard, click Create Widget and then choose which Sendgrid list it should connect to. API key is the key you entered in Step 2.
4 Copy the generated code
In the widget settings page, copy the entire snippet of code. It contains everything needed to render a sign up form on your web page.
5 Paste it into your website
Add it to your website where you want it to appear. The included JavaScript file has all the logic needed to collect the emails when a user clicks submit
6 Test it works
Enter your email address on the widget:
Check your inbox:
Then check the list in your Sendgrid account:
As you can see, it's only 6 steps to set up and the entire process takes 5 minutes.
Benefits
SG Widgets solves a variety of painful problems that you’ll face if you try to build you own Sendgrid Subscribe Form.
Custom Form Fields
The example above only has an email field but you can also add more fields like name and location using our custom form fields feature. This allows more user information to be captured.
Double Opt In
Perhaps the main reason to use SG Widget is that users receive an email to confirm they want to join the list before they are added. This means you can collect email in a compliant manner and ensure that only warm leads are added to your list.
Custom Email Templates
The Double Opt In email and the Welcome Email that users receive are fully customisable. For quick setup, we provide a simple template that is text only as that also has a better chance of hitting the inbox. You can fully override this by using our Custom Email Template feature which allows you to use email templates from your Sendgrid account.
Customisable
The CSS can be changed to match your website styles so it feels like a native part of the page. We automatically try to match it to your site using AI and if you aren’t happy, you can make changes yourself after that.
Analytics
Collecting emails for Sendgrid is no good if you can’t track them! SG Widget has a simple analytics feature that shows signups per day.
It also shows how many people entered their email but didn’t click accept in the double opt in email. This is a key piece of information because when this is high, it usually means your emails are not being delivered, which can highlight a larger problem in your email marketing efforts.
Fast
SG Widget is extremely fast and has no impact on the loading time of your page. There is nothing worse than the promise of a drop in widget which then goes on to kill your page speed. SG Widget was built with this in mind and consists of a tiny javascript file and inline CSS so there is nothing render blocking that will harm page speed scores.
Website Agnostic
The widget is just HTML so it works on any website or CMS platform, unless your site is built with react JS. We have specific instructions on how to add the email widget to Wordpress and Shopify as those are the most popular platforms.
Multilingual
All text and feedback messages can be customised so you can use the widget on any site in any language.
Wrapping Up
You can collect emails for sendgrid using SG Widget. It only takes a few minutes to add it to a site and unlock the vast benefits. Sign up for a trial by clicking the button below and see what you think.
Empty