Skip to main content

CMS Integrations

Connect VideoNest to WordPress, Webflow, Ghost, and other CMS platforms to sync published videos.

🔗
Integration pages

See the integration overviews for WordPress, Webflow, and Ghost for feature highlights and plan details.

Embedding VideoNest in your CMS

The most direct way to use VideoNest with any CMS is to copy your video's embed code from the Media Library and paste it into your post or page. This works with WordPress, Webflow, Ghost, and any other CMS that supports custom HTML or iframe embeds.

See Embedding the Player for full embed code documentation, and Responsive Embeds for making the player fluid in your CMS layout.

WordPress

VideoNest embeds work in both the Block Editor (Gutenberg) and the Classic Editor.

Block Editor: In your post or page, add a Custom HTML block and paste your VideoNest iframe embed code directly. The player previews in the editor and renders in the published post.

Classic Editor: Switch to the Text tab (not Visual) and paste the iframe embed code at the cursor position. Do not paste in Visual mode — the editor may strip iframe tags.

Shortcode: If you prefer shortcodes, paste your iframe code into a reusable block or use a shortcode plugin that registers an HTML passthrough. VideoNest does not currently publish its own WordPress plugin, but standard iframe embed codes are compatible with all major shortcode managers.

💡
Responsive embeds in WordPress

Wrap the iframe in a <div> with position:relative; padding-bottom:56.25%; height:0; and set position:absolute; top:0; left:0; width:100%; height:100%; on the iframe itself. This maintains 16:9 aspect ratio at any container width.

Webflow

In the Webflow Designer, add an Embed component to your page or CMS layout. Paste your VideoNest iframe embed code into the embed editor and click Save & Close. The player renders in the Designer preview and on the published site.

To make the player responsive, wrap it in a Div Block and apply the following custom CSS on that wrapper:

position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;

Then set the iframe style to position:absolute; top:0; left:0; width:100%; height:100%; directly in the embed code before pasting.

Ghost

In the Ghost editor, insert an HTML card (type /html to add one). Paste your VideoNest iframe embed code into the card. Ghost renders the iframe as-is in the published post. The same responsive wrapper technique described for WordPress applies here.

Deeper integrations via API or automation

For automated sync — such as creating a CMS post whenever a new video is published — you can use the VideoNest API with Zapier, Make, or n8n. See Zapier Integration or Make & n8n for how to set up these workflows.

Automating CMS post creation

Use a Zapier or Make workflow to create a draft post in your CMS automatically when a video publishes in VideoNest:

  1. Trigger: VideoNest — Video Processing Complete (or Video Published to Partner).
  2. Action: Your CMS create-post action (WordPress, Ghost, or Webflow CMS via their respective APIs).
  3. Map the VideoNest trigger fields to CMS post fields: title → post title; embed_url → body iframe; thumbnail_url → featured image; description → excerpt.
  4. Set the post status to draft so an editor reviews before publishing.
💡
Embed code in automation

To insert a working iframe in an automated post, construct the embed code string in your automation tool using the embed_url field from the VideoNest trigger payload: <iframe src="{{embed_url}}" ...></iframe>.

Was this article helpful?

Thanks for your feedback.

Need help now? Contact support