Embedding the first screen of your Jebbit experience directly into an email allows recipients to interact with your experience seamlessly. This enhances engagement by enabling users to begin the experience within the email itself, subsequently directing them to a new browser tab to continue.
Before you begin
Ensure your experience has been built and published.
Create a clear and engaging first screen.
Note: Only the following elements are supported on the first screen: text, images, buttons, image buttons, and background images.
Embed an experience in emails
Navigate to the Launch tab.
Select Email from the left panel and click on Email Embed.
Click Generate HTML to produce your embed code.
Copy the generated HTML code.
Paste the HTML code into your email platform's editor.
(Optional) Click Add another Email Embed to add a custom email label. Click Save.
(Optional) Toggle User ID to append a UID parameter onto the end of a launch link.
Embed an experience in Klaviyo
Repeat the steps above to generate the Jebbit embed code.
Log in to Klaviyo and click Create Campaign.
Enter your campaign details (name, tags, recipients, tracking) and click Continue to Content.
Choose HTML as your email design method.
Paste your Jebbit code into the HTML editor.
Preview the email to ensure proper display. We recommended sending a test email to yourself.
Click Save, then click Back to Content to finalize your campaign details.
Next steps
Test the email across different email clients to ensure compatibility.
Monitor engagement metrics within the platform to assess performance.
Best practices for launch via email
Dedicated emails
Use these best practices when creating a dedicated email for an Experiences by Jebbit.
Subject: Make it relevant to the experience type, enticing, and fun.
Body: Keep it engaging and informative. Clearly highlight the value to the user.
Imagery: Use fun, appealing visuals that align with your Experience (GIFs encouraged).
CTA: Provide a clear, action-oriented prompt to start the experience.
Multi CTA emails
Maximize performance by treating your experience as a standout CTA (banner) among many in your email.
Place your CTA as early in the email as possible, as it tends to perform better.
Clearly differentiate the experience from other CTAs in the email.
Call out the type of experience (product match, personality quiz, etc.) and the value to the customer.
Tip: Hyperlink your launch URL as a button or as text within your email.
FAQ
How does the user flow work when you embed in email?
When the email is opened, the recipient interacts with the embedded first screen. Clicking advances them to a new browser tab, displaying the second screen of the experience. All analytics are tracked within the platform.
Why can't I generate the Email Embed HTML in Jebbit?
Ensure the first screen doesn't contain any unsupported elements. These include: form fields, date inputs, SATA (Select All That Apply), multiple-choice questions, containers, timers, videos, dropdowns, question matrices, file uploaders, spinners, and animations or time delays. The presence of any of these will prevent HTML generation.
Why isn't my custom font showing?
Custom fonts will display correctly if they are also available in your email tool. If not, the font defaults to Sans Serif. The font name in Jebbit must exactly match the one in your email tool.
Are there design limitations I should know about?
Certain design features won't display in emails, including color gradients, image opacity, and button skews. It's advisable to use the full-screen desktop layout and keep the first screen simple.
Do specific email providers have limitations?
Outlook may not display background images or buttons with a custom corner radius. Set a solid background color as a fallback.
Can Jebbit embed with any email provider?
Yes! You should be able to embed the first screen of your Jebbit experience via any email provider.
How is engagement measured in embedded experiences?
Engagement: Triggered when a user clicks on the first screen in the email.
View: Counted when a user lands on the second screen in their browser. We cannot count a view until a user has left their email and landed on the Jebbit URL in their browser
Engagement Rate: Will always be 100% for email embeds, as a view is only counted after engagement.
How can I preview what my email might look like?
The best way to preview is to create an embed code and paste it into your brand's email provider. To preview the HTML rendering only, use a free tool like Bootstrap Email. Click the purple "Render" button to see how the email will appear on desktop and mobile. Creating a free account allows you to send a test version to your inbox.
Will embedding via email and launching on-site at the same time skew my engagement rates?
You are clear to do both! By default, the experience dashboard shows aggregated metrics. Use Channel Analytics to track individual performance by channel and see a detailed breakdown of each launch method.
Can I add UTM parameters and track them via email embed?
Yes. You will need to take your newly generated embed code and locate the "href=" string to find the launch link, about midway through your code block. Once you've located this, you can append UTM parameters manually as you normally would. Just ensure the parameters you've added match the syntax you typically use.
Can I use a launch link split to send non-email users to a standard version of my campaign?
Presently this is not possible. However, the email embed feature is frequently updated. Check back here for recent changes, or keep an eye on the alerts in the upper righthand corner of the Jebbit platform.