The embedded format allow you to place campaigns in the site, relative to an element on the page. These campaigns are designed to look native and less intrusive. As embedded campaigns are part of the page (rather than on the page), campaigns can be surfaced closer to key call to actions and images, which can yield bigger results.

The difference between embedded formats and sticky formats is that the former have the ability to move content around to fit into gaps. Sticky campaigns simply attach to elements.

As with both formats, there's a slightly different way to create these campaign so we've broken this up into 2 steps:

Choose a Selector

The selector is the CSS identifier that you can specify to tell the campaign where you want it to appear. You don't need to know how to code to obtain this and you can do it from your web browser:

Find the element you want to attach your campaign to, right click it and hit Inspect. You'll then be presented with the dev tools panel that looks like the below:

From here you'll need to find the parent (or selector) element (you can do this by seeing if there are any expanded arrows above the element you Inspected, you may already have the parent element). Once done, right click on this in the dev tools panel, scroll to Copy and Copy Selector.

Choosing a Position

Now you've copied your selector, you'll want to jump back to the Yieldify platform and paste it into the Element box. Underneath, you'll see a box labelled Position that will dictate how your campaign appears in relation to the selected element.

The diagram below explains the relationship of each position. By choosing an option from the dropdown, you'll be able to choose the correct position for your campaign:

And to show how this looks in practice, using the selector we copied in our above example you can see how a Last Child positioning might look:

Once you've decided on your positioning, you can finish designing your campaign and then set it up for testing.

Did this answer your question?