Framer

Connect BabyLoveGrowth to Framer via the official plugin and import articles in one click.

The Framer integration allows BabyLoveGrowth to sync articles directly to your Framer CMS via our official plugin. Import your articles into Framer Collections and build beautiful blog layouts with Framer's visual design tools.

Integration Demo


How to Connect Framer

To begin, install the BabyLoveGrowth plugin from the Framer marketplace. Then follow the steps below.

What You Needv
  • A Framer site with CMS capabilities
  • Access to the Framer marketplace to install plugins
  • A BabyLoveGrowth account with API access
1. Install the Pluginv
  1. Open

    https://www.framer.com/marketplace/plugins/babylovegrowth/

  2. Click Open Plugin

  3. Select the Framer site you want to connect
  4. When prompted, enter a Collection Name (e.g., "Blog" or "Articles") and click Create

The plugin will create a new CMS Collection in your Framer site to store your articles.

2. Generate Your API Key in BabyLoveGrowthv
  1. Go to Settings → Integrations in BabyLoveGrowth

  2. Click the API integration and generate an API key

  3. Copy the API key

Important: Keep your API key secure. You'll need it to connect the Framer plugin.

3. Connect the Pluginv
  1. Back in Framer, when the plugin asks for an API key, paste the key you generated
  2. Click Next, then click Import Articles

  3. Your articles will be imported and listed in Framer

All your BabyLoveGrowth articles will now be available in your Framer CMS Collection.

4. Build CMS Pages in Framerv

Once articles are imported, create blog pages to display them:

  1. Go to Pages in Framer

  2. Add a new CMS page

  3. Select the Collection you created during plugin setup

  4. Choose the Index template to list all imported blogs

  5. To create a blog details page: hover over the index page, choose New CMS page, select the same Collection, and pick the Details page template

  6. Publish both pages when ready, then customize layout and styling as needed
Tips & Best Practicesv
  • Name your collection clearly (e.g., "Blog" or "Articles") so templates are easy to map

  • After importing, you can reorder or filter posts within your Framer CMS pages
  • Use Framer's visual editor to customize the design of your blog index and detail pages

  • Auto-publishing is not available; sync the plugin whenever you want to import new articles

Troubleshooting & FAQv

Import fails?

Re-check your API key and ensure the plugin is installed on the correct Framer site. Regenerate the API key in BabyLoveGrowth if needed.

Articles not showing in Framer?

Make sure you've clicked Import Articles in the plugin. Check that your Collection is properly created.

Can I publish articles automatically to Framer?

No, auto-publishing is not available with the Framer integration. You need to manually sync the plugin to import new articles.

How do I import new articles after the initial setup?

Open the BabyLoveGrowth plugin in Framer and click Import Articles again to sync new content.

Can I customize the article layout?

Yes! Use Framer's visual editor to fully customize your CMS page templates and create unique blog designs.

What if I change my collection name?

You'll need to remap your CMS pages to the new collection name in Framer's page settings.

Do I need a specific Framer plan?

You need a Framer plan that includes CMS capabilities to use this integration.

Need more help?

Contact support via the bottom-right chat icon.