Skip to main content
Inline placements are a powerful way to drive conversions by surfacing offers directly on product/checkout pages, maximising conversion of high intent shoppers.
inlinePlacementOSM

In-line

Display rewards directly on product/checkout pages, maximising conversion of high intent shoppers.

​
How to enable inline placements

You can one click enable inline placements on any page where you have already installed the Gocertify head script (see integrate on site) without the need for a developer. Simply log into your Gocertify dashboard and click on the On-Site Messaging tab. Inline On-Site Messaging Dashboard

​
How to position your inline placement

To decide where to position your inline placement you can either add a snippet of code on-site or use a CSS anchor

​
Using a CSS anchor

To position an inline placement without a developer you can use a CSS anchor. Gocertify will automatically position the placement at the bottom of the element with the matching CSS selector.
Important: CSS anchor injection only occurs if no <gocertify-placement /> element already exists on the page. If you have manually added a placement code snippet to the page, the CSS selector-based injection will be skipped to avoid duplicate placements.
You can set a different CSS anchor for mobile vs. desktop (breakpoint is 768px) to ensure the placement is always visible.
CSS Anchor

​
1. Selector

The css selector that is used to attach the placement to. This can be a css class (eg. .test), ID (eg. #test) or any other valid CSS selector.

​
2. Position

Position box model In the above example, the red box demonstrates an example element which would be targetted with a selector. The position property controls where the placement goes in realation to that box:
  • Before: the placement is placed outside and above of the target element
  • Inside start: the placement is placed inside and at the start of the target element
  • Inside end: the placement is placed inside and at the end of the target element
  • After: the placement is placed outside and after the target element

​
Using a snippet of code

If you want to explicitly position your inline placement on-site you can add a snippet of code to the page where you want to display the placement. Within your dashboard, click on this placement code text and paste it into the page where you want to display the placement. 
<gocertify-placement id="..." data-locale="en-GB" data-purchase-amount="" ></gocertify-placement>
Inline On-Site Messaging Copy Code