Variables

Anywhere in the content, add a variable name between brackets and it'll be replaces by its value.

const variables = {
  PRICE: {
    MEMBERSHIP: { 
      ONE: '$39',
      TWO: '$78'
    },
    KIT_SOLO: {
      ONE: '$499',
      TWO: '$798',
    },
    KIT_AND_MEMBERSHIP: {
      ONE: '$538',
      TWO: '$876',
    },
    UPLOAD: {
      WGS_SOLO: '$199',
      WGS_AND_MEMBERSHIP: '$238',
    },
    EMBRYO: '$5,999',
  },
}

Example:

Testing the replacement: [PRICE.KIT_SOLO.ONE ] => [PRICE.KIT_SOLO.ONE]

CTA Block

In a code block, add [CTA] followed by a json object with the following properties:

{
  "title":"Get 15% off your first membership payment",
  "cta":{
    "label":"Order your kit",
    "href":"https://app.mynucleus.com"
  }
}

[CTA]({
  "title":"Get 15% off your first membership payment",
  "cta":{
    "label":"Order your kit",
    "href":"https://app.mynucleus.com"
  }
})

HTML table (deprecated)

You can use the native Framer tables now!

Use Markdown Table syntax in a code block
You can also insert links!

| Name       | Age | Occupation  |

|------------|-----|-------------|

| Alice      | 28  | [Engineer](https://mynucleus.com)    |

| Bob        | 34  | [Designer](https://mynucleus.com)    |

| Charlie    | 25  | [Developer](https://mynucleus.com)   |

You can also create a table without header by making it empty in the Mardown code

|            |     |             |

|------------|-----|-------------|

| Alice      | 28  | [Engineer](https://mynucleus.com)    |

| Bob        | 34  | [Designer](https://mynucleus.com)    |

| Charlie    | 25  | [Developer](https://mynucleus.com)   |

X posts

Use Markdown link syntax with 'X' as text in a code block

An X post defaults to a height of 520 pixels but you can set it manually in a second parenthesis after the link:

[X](link)(height)

[X](https://x.com/AlexMasmej/status/1830668923123179905)

Instagram posts

Use Markdown link syntax with 'Instagram' as text in a code block

An Instagram post defaults to a height of 520 pixels but you can set it manually in a second parenthesis after the link:

[Instagram](link)(height)

[Instagram](https://www.instagram.com/p/C8IwI-oP7FY)

Reddit posts

Use Markdown link syntax with 'Reddit' as text in a code block

A Reddit post defaults to a height of 316 pixels but you can set it manually in a second parenthesis after the link:

[Reddit](link)(height)

[Reddit](https://www.reddit.com/r/DNA/comments/1bnhr1i/i_left_my_career_in_academia_to_build_the/)

Youtube videos

Use Markdown link syntax with 'Youtube' as text in a code block

A Youtube post defaults to a height of 450 pixels but you can set it manually in a second parenthesis after the link:

[Youtube](link)(height)

[Youtube](https://www.youtube.com/watch?v=LVk0xmtlbos)

————————

Here's what your Framer CMS content should look like:

I hope it's helpful!
Feel free to reach out if you need help or if you need to insert anything else in your blog post.