Connect your Framer website with Rank Sector for automated content publishing.
The Rank Sector Framer integration connects your Rank Sector account with Framer CMS collections. Articles generated in Rank Sector are synced to your Framer CMS, where they can be rendered using your custom-designed collection pages.
In your Rank Sector dashboard, navigate to Integrations and select Framer. Rank Sector will generate a unique API key for your Framer integration. Copy this key for the next step.
Open your Framer project and go to the Plugins panel. Search for the Rank Sector content plugin and install it into your project.
Open the Rank Sector plugin within Framer and paste the API key you copied from the Rank Sector dashboard. Click Connect to authenticate the integration.
In Framer, create a new CMS collection for your Rank Sector articles (or use an existing one). Map the following fields to ensure all content is properly synced:
Use the Rank Sector plugin interface in Framer to map your Rank Sector article fields to the corresponding CMS collection fields. Once mapped, click Import to sync existing articles. Future articles will sync automatically.
Customize the design of your article pages in Framer to match your site's visual identity. Use Framer's design tools to create collection pages that display your Rank Sector content with your preferred layout, typography, and styling.
The following data is synced from Rank Sector to your Framer CMS collection:
If the API key is rejected, navigate back to your Rank Sector dashboard and regenerate the key. Copy the new key and paste it into the Framer plugin settings.
Verify that your CMS collection field mapping is correct. Each Rank Sector field must be mapped to the appropriate Framer collection field.
Check your Framer image settings and ensure that external images are allowed. Verify that the image URLs from Rank Sector are accessible. If images still fail to load, try re-importing the affected articles.