NOTE: This method of publishing is no longer being actively supported by our product team and will not receive any updates in the future. We suggest consulting the following article for more information on the latest publishing methods that we offer. Please contact email@example.com with any questions about what publishing method might work best for your website.
What is Creator Native Content?
Creator Native Content (CNC) is a feature that utilizes a modern JS framework to efficiently render Creator experiences across different browsers. As a result when content is rendered via CNC user will see SEO friendly content that loads quickly and is also crawlable by 3rd party analytics tools.
What are the benefits of using CNC?
- Improved performance
- We have seen improved load speeds across both mobile and desktop
- Removal of the iFrame
- Improved SEO
- By removing the reliance on the iFrame, we expect this feature to have a positive impact on SEO. However, since Google does not release their method for calculating SEO there is no way to officially measure this benefit.
- Experiences are now crawlable by 3rd Party Analytics Platforms
- If you are using tools like HotJar for site monitoring, this feature will allow you to see and collect additional analytics.
- Streamlined publishing method
- Publishing with CNC does not require the Creator snippet nor a DIV
How do I generate CNC code?
When Creator Native Content is enabled in your account a "Copy Code" button will appear in the Edit Experience page. When you finish building an experience click the "Push" button and then click the "Copy Code" button to generate the CNC code. Once copied, paste the Creator Native Content code into the body of the desired page within your Content Management System (CMS). The experience will be live immediately after the CMS changes have been saved.
How do I update CNC content that is already live on my site?
Live CNC content can be updated by clicking on the "Push" button, or "Push Group" for experiences with multiple variants. After clicking the "Push" or "Push Group" button your content will be updated in a matter of seconds.
Frequently Asked Questions
Widgets and Functionality
Question: Are all of Creator’s Widgets compatible with CNC?
Answer: All the standard widgets are compatible with Creative Native Content. Currently, the product widget is not compatible with Creative Native Content. Please Note: When embedding an experience within an experience, the dimensions of the embedded experience MUST match the dimensions of the embed widget.
Question: Do custom actions still work with CNC?
Answer: Yes, all custom actions work with CNC.
Question: Are my custom fonts still compatible with CNC?
Answer: Yes, all custom fonts should work in CNC Experiences, but we recommended they be in WOFF format as always.
Question: Can I use Breakpoints and Variants with CNC?
Answer: Yes, any breakpoints or variants that you are using will work in CNC.
Question: Can I have multiple CNC experiences per page?
Answer: Yes, you can have multiple CNC experiences on a single page.
Question: Do Google Analytics or Adobe Analytics (Omniture) work with CNC?
Answer: Yes, and they will continue to work.
Question: What 3rd party reporting software/tools work with CNC?
Answer: We expect all 3rd party reporting tools will work with CNC.
Question: How do I publish CNC content?
Answer: When Creator Native Content is enabled in your account a "Copy Code" button will appear in the Edit Experience page. When you finish building an experience click the "Push" button and then click the "Copy Code" button to generate the CNC code. Once copied paste the Creator Native Content code into the body of the desired page within your Content Management System (CMS). The experience will be live immediately after the CMS changes have been saved.
Q: If I use CNC will I still have access to the Drag'n Drop or Manual publishing?
A: Yes, it is your choice to publish via CNC or Drag'n Drop/Manual Publishing. Your current content will not be impacted if you decide to use CNC.
Question: I have a max width setting on my site, but the CNC content is showing up full bleed. How can I prevent this?
Answer: The CNC code just needs to be wrapped in a DIV with max-width styling – for example:
<div id="zmagsWrapper" style="max-width:1260px; margin: 0 auto">
PASTE CNC CODE HERE
The max-width property lets you set the size (in pixels) for how wide the Experience should be and the “margin: 0 auto” code will center it on your page
Question: How do I replace a previously published iFrame (via Drag and Drop/Manual) experience with a CNC experience?
- Remove the appropriate DIV from your CMS
- Paste the CNC code where the DIV previously lived
- Save the CMS changes
- Delete out the publishing slot in Creator for the appropriate iFrame experience.
Question: Will I see the CNC published content in the Manual publishing slots?
Answer: No, CNC published Experiences will not appear in the Manual publishing slots in the Publish tab of Creator
Question: How do I enable CNC content in an account?
Answer: To add Creator Native Content to an account please contact your Customer Success Manager directly. If you unsure who the CSM is, please contact firstname.lastname@example.org.
Please sign in to leave a comment.