Setup the Attributer Framer Plugin

Attributer tracks where your website visitors are coming from (i.e. Paid Search, Organic Search, Organic Social, etc.) and passes that data through with each submission of your Framer forms.

The Attributer Framer Plugin makes it easy to get set up. It installs the Attributer tracking script and adds hidden fields to your forms automatically.

How to set up the Attributer Framer Plugin

Step 1: Install the Attributer Framer Plugin

If you haven’t already, install the Attributer app from the Framer Plugin Marketplace.

Once installed, open your site in the editor and launch the Attributer app from plugins menu.

Step 2: Connect to Framer

The first time you open the app, you’ll see a Welcome screen that looks a bit like this. Click Get Started to continue the setup process.

Step 3: Add the code from your Attributer account

If you haven’t already, head on over to https://app.attributer.io/ and sign up for a 14-day free trial. Once inside your account, copy the code you get given on the Getting Started page:

Then paste it into the code box inside the Attributer Framer Plugin

Finally, click the Save & Install button. You should see a confirmation message that looks a bit like this:

This means that the Attributer Framer Plugin has been successfully installed and configured, and that it has loaded the Attributer code on your site and added the hidden fields to your forms.

Step 4: Publish your site

The code that the Attributer Framer Plugin has added to your site only goes live when you publish your site, so make sure to publish it to your chosen domains.

Step 5: Test it works

Finally, navigate to the page where your form is. Complete the form and submit it.

Depending on what actions you have configured for your form, you might get an email that looks a bit like this:

As you can see, the Channel & Landing Page data captured by Attributer is contained in the ‘attributer-channel’ and ‘attributer-landingpage’ fields.

You can now send that data over to your CRM or other tools in whatever way you normally would (i.e., via Zapier, CSV downloads, etc).

How to remove the Attributer Framer Plugin

Step 1: Open the plugin inside the Framer editor

Open your website in the editor and open the Attributer plugin from the Plugins menu.

Step 2: Remove the Attributer code from your website

Once the app opens, you will land on the app’s main page showing the ‘Attributer is installed’ message. To remove the Attributer code from your website, select the ‘Remove Attributer’ button. This will remove the Attributer code from your website.

Step 3: Cancel your Attributer subscription

Completing the above steps will remove the Attributer code from your site. It will not cancel your Attributer subscription.

To do that, you need to log in to your Attributer account, select the ‘Settings’ option from the left-hand menu, and then select the ‘Cancel’ tab at the top.

Follow the prompts to complete your cancellation request.

Frequently asked questions

What data gets stored in the Channel & Channel Drilldown fields?

Attributer stores different information in the Channel and Channel Drilldown fields depending on what channel the visitor actually arrives from.

For instance, if the visitor arrives from Paid Search then it uses the data in the UTM parameters (I.e. utm_source, utm_campaign, etc) to populate the drilldown fields. But if a user arrives from Organic Search, it stores the name of the search engine (I.e. Google), the URL of the search engine (I.e. www.google.co.uk) and the keyword (where available).

You can see the full documentation of what data Attributer stores here.

I have another question. Can I speak with someone?

Absolutely! We would love to answer any questions you might have and you can contact us here.