Using Audience Legacy (1.0)? This article covers the Audience 2.0 embed process only. For Audience Legacy (1.0) embedding instructions, see How do I embed my experience? (Audience 1.0 Legacy).
Audience provides two main embedding methods: embedding each experience individually each time, or if you'd like to embed multiple experiences seamlessly, consider using the Experience Grid. Once embedded on your website, it will automatically update, displaying live experiences without requiring additional changes to the code. See a live example of the Experience Grid here.
First, navigate to the Overview page of the experience. From there, click the Share Tools button here:
Next, click on Embed On Website, and you will see the Header and Body code. Both will need to be added to your page in order for the contest to render properly.
Don't forget to come back and place your landing page URL in this field. It ensures referral traffic will be directed to your website via your Experience's ul.ink.
Troubleshooting Steps
When using the "Embed On Website" code, the most frequent issue occurs when one of the pieces of the embed code are missing from your webpage. Ensure that both the sections above in red and green are present.