# Wix

## Getting Started

## Create a connection

1. Sign in to [OpenGraph+](/)
2. Go to your website's **Meta Tags** page
3. Create a new connection and copy your connection URL

Your connection URL looks like `https://$OGPLUS_KEY.ogplus.net`.

## Find your SEO settings

In the Wix Editor, go to **Pages & Menu** → select a page → **SEO (Google)**.

## Set Open Graph tags per page

Wix has built-in fields for all the key Open Graph tags:

**SEO Basics** - set the page title and meta description. Wix uses these as the default values for `og:title` and `og:description`.

**Social Share** - set the og:image URL to your connection URL + page path: `https://$OGPLUS_KEY.ogplus.net/about`. Replace `/about` with the actual path of the page. You can also override the title and description specifically for social sharing here, independent of your SEO title/description.

**Advanced SEO → Additional Tags** - add the twitter card tag:

```html
<meta name="twitter:card" content="summary_large_image">
```

Replace `https://$OGPLUS_KEY.ogplus.net` with your actual connection URL.

Wix automatically sets `og:url` to the canonical page URL. You do not need to set this manually.

## Blog posts and products

For Wix Blog posts, each post has its own SEO settings accessible through the Blog Manager. Set the og:image URL in each post's **Social Share** section using the post's URL path.

For Wix Stores products, each product has SEO settings in the product editor. Set the og:image URL in the product's **SEO** tab using the product's URL path.

## Repeat for each page

Wix doesn't have server-side templating, so you need to configure the og:image URL and twitter card tag for each page individually in that page's SEO settings.

## Verify

Publish your site and open the preview tool in your OpenGraph+ dashboard. Paste a URL from your site and confirm all Open Graph meta tags are present with correct values.


## 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](/docs/html-css) 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.

```html
<!-- 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](/docs/html-css/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](/docs/html-css/data-attributes) for plain CSS examples and [Templates](/docs/html-css/templates) for custom template layouts.

## Testing

The [Preview Bookmarklet](/docs/html-css/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:

```html
<meta property="og:plus:selector" content=".hero-section">
<meta property="og:plus:style" content="padding: 60px; background-color: #0f172a; color: white;">
<meta property="og:plus:viewport:width" content="800">
```


## Troubleshooting

## Meta tags not appearing

Make sure you added the tags in the correct location: **Pages & Menu** → select page → **SEO (Google)** → **Advanced SEO** → **Additional Tags**. Wix may strip certain meta tags on some plans.

View your page source to confirm the tags are present in the raw HTML.

## Wrong page path

The path in the og:image URL must match the actual page URL. If your Wix page is at `yoursite.com/about`, use `https://$OGPLUS_KEY.ogplus.net/about`.

## Wix dynamic pages

For Wix database-backed pages, each page has a unique URL. You'll need to set the og:image for each dynamic page individually.

## Wix adding its own og:image

Wix may add its own og:image tags. Your custom meta tags should take priority when added via Advanced SEO, but check for duplicates in View Source. If Wix is overriding your tags, try using the Social Share section instead.

## Wrong image showing

This is almost always a caching issue. Purge the cached image from the OpenGraph+ dashboard, then re-check with the preview tool.

## Social platforms not updating

Social networks cache images aggressively. After purging from OpenGraph+, use each platform's debugger to force a refresh:

- **Facebook**: [Sharing Debugger](https://developers.facebook.com/tools/debug/)
- **Twitter/X**: [Card Validator](https://cards-dev.twitter.com/validator)
- **LinkedIn**: [Post Inspector](https://www.linkedin.com/post-inspector/)

## Purging cached images

1. Go to your OpenGraph+ dashboard
2. Navigate to the website's cache page
3. Enter the URL and purge

The next request from a social platform will trigger a fresh render.

## Testing

Use the preview tool in your OpenGraph+ dashboard to verify your setup before sharing URLs. This shows you exactly what social platforms will see.