Customize

OpenGraph+ captures your page in a headless browser and renders it as an image. You can control what gets captured by adding meta tags through Wix’s SEO settings.

All of the rendering options below are standard HTML meta tags, so they work the same regardless of platform. The HTML, CSS, & HTTP guide covers each one in detail. This page shows how to add them in Wix.

Meta tags

Add rendering control tags through Pages & Menu > select a page > SEO (Google) > Advanced SEO > Additional Tags. Add each tag individually. They’re all optional.

<!-- Render at 800px wide instead of the default -->
<meta property="og:plus:viewport:width" content="800">

<!-- Only capture this element instead of the full page -->
<meta property="og:plus:selector" content=".hero-section">

<!-- Inject inline styles on the captured element -->
<meta property="og:plus:style" content="padding: 60px; background: #0f172a; color: white;">

See the Rendering guide for what each meta tag does and how they interact.

Simplest approach

The og:plus:selector and og:plus:style meta tags are the easiest way to customize social cards in Wix because they only require meta tags, not custom code. Use og:plus:selector to isolate a section of your page, and og:plus:style to add padding and a background color around it.

CSS styling and templates

For advanced customization with data-ogplus CSS selectors or custom <template> elements, you need to inject custom HTML into your page. Use an Embed element (in Wix Editor) or Custom Element (in Wix Studio) to add a <style> block or <template> element.

See CSS Styling for plain CSS examples and Templates for custom template layouts.

Testing

The Preview Bookmarklet sets the data-ogplus attribute in your browser so you can see how your page looks during capture without publishing.

Full example

Add these tags via Advanced SEO > Additional Tags on any page: