Display Ads
zora lets you roll your own display ads or affiliate program effortlessly and work with the brands you love. Turn any collection or blog card (except for within slideshows) into a display ad without compromising on the look and feel of your brand. The Display Ad section comes with a custom ad block that lets you manage up to 50 ads (blocks) per section. Need more? Add another Display Ads section. While not recommended, we understand that for some this may be what you need.
Getting started
đź’ˇ This requires some technical knowledge of how to use your browser's inspect tools. The process is straightforward and easy for anyone regardless of technical experience.
Target ID (required)
All blog and product cards are assigned an ad target id as follows:
data-ad-target=[ID]
To get the ID, right-click any product or blog post card while viewing your website in your browser. Then select "Inspect element." This will open your browser's debug tool with the element selected. In some cases, the data-ad-target will be on the selected element. If not, find the closest element with the data-ad-target attribute. Copy that value and paste it into the Ad Target field.
Custom Ads
To add a custom ad select the “custom ad” block and paste your ad target ID in the Ad Target field. Then add an image (required) and link. The custom ad will auto-magically use the aspect ratio and styles of the card you targeted. You can change the position of the ad to show either before or after the targeted element and your product/blog card will shift accordingly to accommodate the creative.
In the above example, we've added the ad to show before the target, causing the custom ad to appear on the left of the target post.
Happy advertising! Still need help? Reach out to support any time.