Manage customer data with Segment

Use Segment to manage marketing scripts and customer data.

integrations
This video features an old UI. Updated version coming soon!
This video features a third-party integration, and the UI may not be up to date. Visit their documentation for up-to-date info!

With Segment, you can manage our marketing scripts for any number of platforms like Mixpanel, Google Analytics, Facebook Pixel, Google AdWords, and Wuphf.

And Segment can manage the customer data that’s being collected, which means everything's clean and organized. Segment can store product analytics, marketing analytics — all under one roof.

In this lesson:

  1. Create a source
  2. Copy the Segment code snippet
  3. Paste the Segment code snippet into the footer

Create a source

Let's add a source.

  1. Open Segment > Sources > Add Source
  2. Under Website, choose JavaScript
  3. Click Connect
  4. Enter your site URL under Source setup
  5. Click Add Source

Copy the Segment code snippet

Now we want to choose our source and add Segment to our project. The goal is to copy the script. So let's select it and copy the script.

  1. Click the dropdown menu that says Add Segment to your site — required
  2. Select and copy the script

Paste the Segment code snippet into the footer

Back in Webflow, on the project we're looking to connect to Segment, open your Project Settings in the Designer.

  1. Open the Custom Code tab
  2. Scroll down to Footer Code
  3. Paste the code snippet you just copied
  4. Save changes
  5. Scroll back up to the top of the page
  6. Publish

The code you just pasted in updates on our actual production website and Segment is now implemented in your published project.

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

A box that contains other boxes inside is called __ and the boxes inside another box are called __

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

If you drag an element onto an empty canvas in Webflow, where will it automatically be placed?

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which CSS property affects the the outside of an element?

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which HTML element is used to define a paragraph element?

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

What are the different types of HTML elements called?