Experience Editor
SendGrid Integration
Nexweave recently updated its UI and got a new look! You will notice differences (especially in the colours) between the graphics and screenshots you see in this article and the corresponding sections within the Nexweave platform. Don’t worry though, because the steps and processes this article details remain the same. Moreover, we’re going to updating this article to reflect our platform changes very soon. Stay tuned and keep reading!

Generate URL and embed code for your images and videos that are compatible with SendGrid and directly plug them into the Email builder on the SendGrid platform. 

For our demonstration, we are sharing a personalized image in an email that hyperlinks to a video landing page.

Let’s begin by creating a new campaign. If you are new to creating Nexweave campaigns, you can have a look at our campaign documentation here.

Configure a new campaign

  1. Start by navigating to Campaigns and click on Create New Campaign.

  1. Set the Campaign Name and select the Campaign Type. You can read more about the available campaign types here.

    Since we aim to use both Image and Video templates as a part of our campaign, we selected the campaign type as Image + Video. However, you may choose either Image or Video campaigns, based on your preferences.

  1. Next, select the Image and Video templates you would like to employ for this campaign.

    For our demonstration we have selected:
  • Image Template: Video to Welcome you!

  • Video Template: Welcome to the family

  • Video Thumbnail: Thank you for registering with us

  1. Next, select the Image URL. This is the URL prefix for the image that is shared with your audience.

    If you have an Agency subscription to Nexweave, you can set your custom white label domain for Image and video links. Else, you can choose the Default page hosted by Nexweave

    You can see the URL Preview just below

  2. Then, select the Landing Page URL that your video will be embedded within. If you have an agency subscription to Nexweave, you can set your custom whitelabel domain for the landing page.

  3.  If you do not have an agency account however, the landing page URL can be set to the default landing page, or you can select custom landing page, whether that is your sales page, or website.

Image and landing page URLs have been discussed in detail within the agency account and campaigns sections of the knowledge base

Your campaign configuration is complete, let us proceed to activate the campaign!

Setting the Activation Method

  1. Start by selecting the Activation Method from the drop-down. Here, select URL Override Campaign.

  2. You will then be prompted to enter the Fallback values for the Nexweave variables being used in the selected templates. Click on Save to confirm the fallback values.

Once you Save the Campaign, you can also Preview the Image and Video templates selected.

  1. Click on Launch Campaign. This will then enable you to generate embed codes for the image and video.

  2. Once you launch, click on Get Embed Code to open the modal. Select the integration platform as SendGrid. Then map each of the Nexweave variables with the corresponding SendGrid variables by selecting them from the dropdown.

    In case the variable list does not contain an appropriate match, you can also create your own variable from within the dropdown.

  3. Click on Generate Embed code to get the email embed code compatible with the SendGrid platform.

Create a SendGrid Campaign

  1. Start by logging into your SendGrid Account.

  2. Before proceeding with a campaign, please ensure you have a valid contact list under SendGrid. You can refer to their documentation to learn more about creating and managing contacts.

  3. Let’s start by creating a single send campaign.

    Click on Marketing to expand the list and select Single send

    Click on Create Single Send to begin
  1. Select a Design. In our demonstration, we have selected a Blank Template.

  1. Next, select the editing experience. In our demonstration, we have selected the Design Editor.

  1. On the left-hand side of the email editor, under Settings, set the email name, sender, recipients, and subject line.

    You can find the available personalization variables under Tags.

  1. Next, under Build, you will find the available modules/ blocks.

    Drag and drop the desired module to the editor. In our demonstration, we have dropped the Text block to the center.

    To add personalization variables, go back to Tags, copy the desired variable, and paste it into the text module.

  1. To add the personalized image to the email, drag and drop the Code module to the email editor.

  2. Copy the code generated from the Nexweave Campaign and paste it into HTML editor within SendGrid.

Please note: The image will appear with the variable name (example {{ first name}})  in the preview. But your recipients will see their respective information instead of the personalization variables.

  1. Once complete, click on Review details and Send.

    Here you can review all your email details including the settings, sender info, recipients, subject, and the message body.

  2. Once all the details have been reviewed, click on Send to complete the campaign.

Your personalized media will be on its way to impress your audience!

Was this article helpful?
Nexweave Knowledge Base | 2024