We’re excited to announce our latest integration: Now, Omnisend users can add 1:1, personalized email designs and animations to their Omnisend campaigns and automations in a matter of seconds with Grid & Pixel.
This new integration allows Omnisend users to take advantage of Grid & Pixel’s AI-powered graphics, so each image and animation is rendered and personalized the instant the recipient opens the email. That means unique hero images with product photos, headlines, and other elements tied directly to each subscriber’s individual profile and history with your store.
Our integration with Omnisend empowers ecommerce marketers to reap the benefits of 1:1 dynamic image personalization with minimal effort. As we’ve said before: 76% of customers are frustrated when businesses send them generic marketing emails, so this is crucial for Omnisend users who want to build better customer relationships and generate more revenue.
How to add Grid & Pixel graphics to Omnisend
Adding our graphics to Omnisend emails is easy and takes less than 60 seconds:
1. Customize your template
Choose from hundreds of different templates to find the perfect match for your campaign or automation. Use our AI search to generate countless unique templates informed by your prompt to our AI engine, or use the keyword search to browse our existing library of designs. You can also look through our catered collection pages to find graphics for specific flows or occasions.
2. Generate your code snippet
When you’ve customized your graphic and are ready to add it to your email, click the purple Generate Personalization Code button at the top-left of the graphic editor.
3. Pick where you’ll be adding the graphic
Choose Omnisend if you’re using the Omnisend drag-and-drop editor.
4. Copy the code snippet
Click Copy to Clipboard to copy the snippet.
5. Paste the code snippet
Open the email in the Campaign or Automation that you want to update inside your Omnisend account.
Add an HTML Code section. Paste the code snippet. Voila: You’ll see the graphic in Omnisend!
6. Adjust the block padding
Omnisend adds default padding to HTML Code sections, so while you are still on the HTML Code section, tab over to Layout on the right side and set your padding to 0px so the graphic goes to the edge of your email.
7. Preview and test
Because Omnisend isn’t using real-time data in its email previews, you will see default language and imagery (possibly a blank product image) until the email actually sends. You could send yourself a real email to confirm it’s working as you’d like, but this is expected behavior during the preview and test phase.
Click here to download the Grid & Pixel app in Shopify and try it for yourself.
