Semrush

Semrush brings keyword research, site audits, and rank tracking to your Webflow sites — the SEO work that lives outside the Designer's native meta titles, sitemaps, and URL slugs. Connect it to audit published pages, track keyword rankings over time, and sync metrics into Webflow CMS collections you can display with a Collection List or embed as live dashboards.

Content teams use it to surface ranking data alongside published pages. Agencies centralize audit results across client sites, and freelance developers tie audit and tracking workflows to the same site they design and build.

How to integrate Semrush with Webflow

What is Semrush? Semrush is an SEO and digital marketing platform that covers keyword research, rank tracking, technical site auditing, backlink analysis, competitive intelligence, content, advertising, and social toolkits. The platform indexes 28 billion keywords and 43 trillion backlinks across 142 geo databases.

Pair Semrush with Webflow when you want to act on SEO data inside the same platform where you publish content. As a content strategist, you might pull keyword opportunities from Semrush and structure them as CMS collection items. As an agency, you might automate site audits whenever a client submits a project brief through a form. As a developer, you might build a client-facing dashboard that displays live ranking metrics on a published page.

Pick one of these 4 approaches:

• Google Analytics and Search Console are data connections that let you link Semrush tools to your site through native integration fields. You don't need code or a paid site plan.
• Custom code embeds let you add Semrush tracking scripts and embed live report dashboards directly on your pages.
• Zapier and Make connect triggers like form submissions to Semrush actions like site audit creation.
• The Webflow and Semrush APIs give you direct control over CMS data sync, reporting pipelines, and custom dashboards. You'll need server-side development.

Many setups combine two or more of these methods depending on complexity.

Connect Semrush data through Google Analytics and Search Console

Connect Google Analytics 4 (GA4) and Google Search Console (GSC) first. Both connect data between your site and Semrush. Once you connect them, they support search query and keyword import workflows in Semrush Position Tracking and provide supporting context for Site Audit.

Add Google Analytics 4

GA4 provides traffic and behavior data for context in Semrush workflows. Connect it to Position Tracking to import keywords and to Site Audit to surface issues related to your top-viewed pages.

To connect GA4:

1. Go to Site Settings > Integrations tab.
2. Paste your GA4 Measurement ID (format: G-XXXXXXXXXX) into the Google Analytics field.
3. Click Save Changes and publish the site.

Once GA4 is active, connect it inside Semrush. Go to Position Tracking > Setup > Step 2 (Keywords) > Import from > Google Analytics. You can also connect GA4 to Semrush Site Audit to surface issues on your most-viewed pages.

Verify with Google Search Console

You need GSC verification before you can import search query data into Semrush Position Tracking. The native SEO field in site settings handles this without custom code.

To verify your site:

1. In Google Search Console, add a property using the URL prefix method. Enter your site URL.
2. Under Other verification methods, select HTML tag.
3. Copy only the alphanumeric content= value from the meta tag. Don't copy the full tag.
4. In your Webflow dashboard, go to Site Settings > SEO tab. Paste the value into the Google Site Verification field.
5. Click Save Changes, publish the site, then return to GSC and click Verify.

After verification, import your GSC keywords into Semrush. Go to Position Tracking > Setup > Step 2 > Import from > Google Search Console.

Enable auto-generated sitemap

Semrush Site Audit crawls your sitemap to check for errors like broken links and redirect chains. Go to Site Settings > SEO tab and enable Auto-generate Sitemap. Your sitemap updates each time you publish the site. Submit the resulting sitemap URL to Google Search Console as well. Semrush's Webflow SEO guide covers the full audit preparation steps.

With these three connections in place, Semrush has the data it needs to run audits and track rankings. You don't need a paid site plan.

Add Semrush tracking and reports with custom code

Use custom code injection for tracking scripts, verification meta tags, and embedded dashboards when you need direct placement control. You'll need an active paid site plan or a paid workspace that supports custom code. Custom code isn't available on the free Starter plan.

Add verification or tracking code to the site head

When Semrush or a related service gives you a full <meta> tag or tracking script, add it through custom code in head and body tags.

To add site-wide head code:

1. Go to Site Settings > Custom Code tab.
2. Paste the code into the Head code section. Use async or defer on script tags where possible.
3. Click Save Changes and publish the site.

For page-specific scripts, open the Pages panel. Click the gear icon on the target page. Paste your code into the Code placed inside the head tag field. This is useful for page-level verification snippets that shouldn't load site-wide.

Install Google Tag Manager as a script intermediary

Install GTM once, and you can add future Semrush tracking codes through the GTM dashboard. You won't need to return to site settings.

To install GTM:

1. Create a GTM account and container for the Web platform.
2. Copy the <head> container snippet. Paste it into Site Settings > Custom Code > Head code.
3. Add a Code Embed element as the first element under the body. Paste the GTM <noscript> snippet.
4. Click Save Changes and publish.

After setup, every new Semrush tracking code becomes a tag in GTM. You don't need to touch site settings again. The GTM integration guide walks through the full setup.

Embed a live Semrush report dashboard

Semrush My Reports lets you generate an iframe embed code (an HTML element that displays external content inside your page) for any online dashboard. Drop it inside a page to display live SEO metrics. This works well for client-facing portals or internal team dashboards.

To embed a report:

1. In Semrush, open any tool and click Export to PDF. Toggle on Create online dashboard and click Export to PDF again.
2. In the wizard that appears, click Embed and copy the iframe code.
3. In the Designer, drag a Code Embed element onto the target page.
4. Double-click the element, paste the iframe code, and click Save & Close.
5. Publish the site.

For existing dashboards, go to the My Reports tool. Locate the dashboard and click Copy link. A wizard will open where you can select the embed option to retrieve the iframe code.

Connect with Zapier or Make

Automation platforms connect events and Semrush actions without custom code. Zapier is the most practical option, and Semrush itself recommends it as the connection method. Make supports both platforms independently with 40 Webflow modules and 27 Semrush modules. Neither platform ships a pre-built one-click template, so you'll build multi-step workflows manually.

Zapier supports three Webflow triggers: Webflow New Form Submission (instant), Webflow New Order (instant), and Webflow New Resolved Comment Thread (polling). Semrush triggers include Semrush Completed Site Audit and Semrush New Task for Site Audit Campaign — both use polling. Semrush Completed Site Audit fires when the next audit finishes, so expect a delay between event completion and trigger activation.

Available workflow combinations:

• Webflow New Form Submission → Semrush Create a New Site Audit Campaign for the submitted domain
• Semrush Completed Site Audit → Webflow Create Item with the audit results
• Semrush New Task for Site Audit Campaign → Webflow Create Item as a tracking record in a CMS collection

You'll configure each workflow manually. Zapier doesn't include a pre-built template for this pair.

On Make, Webflow triggers include Webflow new form submissions and Webflow comment thread updates, plus actions like Webflow Create Item. Semrush provides actions like Semrush Add Keywords to Existing Project and Semrush Enable Position Tracking Tool, along with search modules for keyword research, position tracking, site audits, backlink analytics, and traffic insights. Semrush doesn't provide Make triggers, so you'll typically build scenarios in one of two directions:

• Webflow new form submission → Semrush Add Keywords to Existing Project or Semrush Enable Position Tracking Tool
• Semrush site audit or keyword lookup in Make → Webflow Create Item with the returned data

Neither platform offers pre-built scenario templates for this pair. Plan to configure triggers, data mapping, searches, and actions from scratch.

Build with the Webflow and Semrush APIs

For direct control over data sync, automated reporting, and custom dashboard builds, use the APIs. You'll need server-side development and an eligible Semrush plan with API access.

Use these APIs:

• The Semrush SEO API returns domain analytics, keyword data, and backlink metrics in CSV format.
• The Semrush Projects API manages site audit campaigns and position tracking in JSON format.
• The Webflow Data API handles CMS collections and items with full create, read, update, and delete operations.
• Webhooks trigger real-time events like form_submission, collection_item_created, and site_publish.

Each API uses its own authentication method.

The SEO API authenticates with an API key passed as a query parameter (key=API_KEY). The Projects API uses an API key or OAuth 2.0 Bearer tokens. The Map Rank Tracker API uses OAuth 2.0 Bearer tokens, with the format Authorization: Bearer YOUR_ACCESS_TOKEN. The Listing Management API uses the API key as a request header, with the format Authorization: Apikey YOUR_KEY. Find your API key under Subscription info > API units in your Semrush account. All v2 API requests use Bearer token authentication. Semrush doesn't offer webhooks, so every data flow from Semrush is pull-based — Webflow is the event source in this architecture.

Sync domain metrics into a CMS collection

Pull domain overview data from Semrush on a schedule and write it into CMS items. This works well for SEO dashboards or internal reporting pages.

To implement this:

1. Create a CMS collection with fields for domain (plain text), organic_keywords (number), organic_traffic (number), rank (number), and last_updated (date).
2. Schedule a cron job (a recurring server-side task) or GitHub Actions workflow to call the Semrush domain overview endpoint:``` GET https://api.semrush.com/?type=domainranks&key=APIKEY&domain=example.com&database=us

3. Parse the CSV response. Map fields to Webflow CMS `fieldData`.
4. Update the existing CMS item with `PATCH /v2/collections/{collection_id}/items/{item_id}`.
5. Publish the updated item with `POST /v2/collections/{collection_id}/items/publish`.

Use the `export_columns` parameter on Semrush requests to limit returned data. This cuts API unit use.

#### **Write keyword tracking data to CMS items**

Position Tracking data from the Semrush Projects API can populate a keyword-tracking CMS collection on your site.

To implement this:

1. Create a CMS collection with fields for `keyword` (plain text), `current_position` (number), `position_change` (number), `search_volume` (number), `last_checked` (date), and `tags` (plain text).
2. Call the Position Tracking endpoint:```
GET https://api.semrush.com/management/v1/projects/{campaignID}/tracking/?key=API_KEY&action=report&type=tracking_overview_organic

3. Map keyword and position data to Webflow fieldData objects.
4. Use PATCH /v2/collections/{collection_id}/items for bulk updates. Then call POST /v2/collections/{collection_id}/items/publish to push changes live.

Add the newlost_filter=lost parameter to detect ranking drops specifically. For large keyword sets, paginate on the Webflow side.

Trigger data sync on site publish

Register a site_publish webhook to trigger a Semrush API data pull every time you publish.

POST /v2/sites/{site_id}/webhooks
Content-Type: application/json

{
  "triggerType": "site_publish",
  "url": "https://your-handler.com/on-publish"
}

When the webhook fires, your handler calls the Semrush API, processes the response, and writes updated metrics back to the CMS. Use the Content Delivery API endpoint (api-cdn.webflow.com) for frontend dashboard reads.

What can you build with the Semrush Webflow integration?

Integrate Semrush with Webflow to act on SEO data directly inside published pages — no switching between platforms or manually transferring reports.

• Automated audit pipelines: Set up a form where clients submit their domain for review. A Zapier workflow triggers a Semrush Site Audit campaign automatically. Audit results write back to a CMS collection that the client can view on their portal page.
• Live keyword ranking dashboards: Build a CMS-powered page that displays current keyword positions, search volume, and ranking changes, pulled from Semrush Position Tracking. Your content team can see which pages need attention without logging into Semrush.
• SEO-structured content libraries: Use Semrush Keyword Magic Tool findings to define your CMS collection schema, URL slugs, and meta descriptions. Each blog post targets a validated keyword opportunity. Store search volume and difficulty data alongside the content in the same CMS item.
• Client reporting portals: Embed live Semrush dashboards via iframe on password-protected pages. Your agency account managers share branded SEO reports with clients — no direct Semrush access or monthly PDF exports needed.

If you need more control over backlink monitoring alerts or multi-site data aggregation, the API path gives you direct access for those cases.