Set up Shopify with Dotdigital

Integrate your Shopify or Shopify Plus store with Dotdigital using our installation wizard.

Gareth Burroughes avatar
Written by Gareth Burroughes
Updated over a week ago

Before you start

Things you need to know:

  • You must have a Shopify store and a Dotdigital account.


Watch the video

Some information in this video has changed. We are working on updating the video, but in the meantime, use the article for accurate navigation details.


1. Connect your store

  1. Go to Connect > Integrations.

  2. In the left menu, under SHOW, select Featured.

  3. Find Shopify, then select +ADD.

  4. Select INSTALL.

  5. On the Installation page, review the information and select Install app.

  6. The installation wizard now guides you through configuring the connection between your Shopify store and your Dotdigital account.


2. Create your transactional email design

First, you can customise the design of your transactional emails, as well as your Welcome and Abandoned cart campaigns. You can ensure that these emails align with your brand by setting your colour theme, logo and email footer.

email_design_resized.png

You can see a live preview of how your emails will look, using real products from your store.

Email creation

The following emails are automatically created for you inside your Dotdigital account. They’re ready to go, but you’re free to edit them if you need to make any changes:

  • Abandoned cart

  • Welcome

  • Shipping update

  • Shipping confirmation

  • Order refunded

  • Order cancelled

  • New order confirmation

  • New account confirmation

To find these emails, go to Automation > Triggered email. The campaigns are stored in a folder with the same name as your Shopify store.

If you do want to make changes to your transactional email templates, check out the Shopify variables for transactional email templates article.


3. Configure your Chat widget

In the next step, you’re given the option to install the Dotdigital chat widget. You can choose to do this now, or return to it later.

If you choose to install chat later, you can check out the Get started with Chat article when you’re ready to go.

If you opt to install chat now, you can customise your chat widget by choosing your colours and animation type.

chat_widget_resized.png

A live preview shows you what the chat widget will look like to your site visitors.

Learn more about setting up the Chat feature in the Chat section of our Help Centre.


4. Install the code

The last step is to have the wizard automatically install all the code you need to get up and running. You can install the code manually if you prefer, but if you choose to install now, then we set up the following features for you:

  • Web behavior tracking, including attributes for abandoned browse

  • Abandoned cart

  • Chat (if you opted to install chat now)

  • Site and ROI tracking

install_code.png

If you select Install code automatically a pop-up window opens which asks if you would like the Chat widget to be active immediately upon the installation completing. This means that your customers won't be able to engage with you using the Chat tool straight away. If you’re not quite ready, just select No, I’ll activate it later in the Chat Settings section.

If you chose to install the code manually, you can find details on how to do this in the following articles:

Once the installation is complete, you can select See my store settings to return to Dotdigital and make any other edits to your store that you like.


Programs

Once you complete the set-up of the connector and return to your Store Settings area, there is an option to map program enrolments for certain contact actions.

The installation wizard creates two programs automatically that you can map:

  • A welcome program

  • An abandoned cart program

wizard-programs.png

View and edit your new programs

The two new programs are created in a folder with the same name as your Shopify store. You can access this folder by going to Automation > Programs and then selecting the folder from the left.

To view or edit a program, select the program name.

The campaign nodes within these programs are configured to send the Welcome or Abandoned cart campaigns created by the installation wizard during the set up process. You can make changes to the campaigns sent, or any other aspect of the program that you want.

Learn more about working with programs in the Program builder section of our Help Centre.

To make a program available to map in your Store settings, you must activate the program. To do this, select ACTIVATE in the top right of the program builder screen.


Map program enrolments

To map enrolments to your Welcome program:

  1. Go to Connect, and under Installed integrations and extensions, select the Shopify tile and then the Store tab.

  2. Under Automation, expand the drop-down menu for Enrol new subscribers to and select the Welcome program.


    automations.png

  3. Select SAVE.

To map enrolments to your Abandoned cart program:

  1. Go to Connect, and under Installed integrations and extensions, select the Shopify tile and then the Store tab.

  2. Under Abandoned cart, expand the Enrol abandoned carts to drop-down menu and select your Abandoned cart program.

    You can also set how long the system waits once a contact abandons a cart before enrolling them to the program using the Enrol abandoned carts after drop-down menu.

    abandoned-cart-enrol.png

  3. Select SAVE.

Once you have set up and saved the enrolment mappings, contacts begin to enrol in your programs.


Shopify Customer Fields

As well as setting you up with ready-to-go email templates and installing necessary scripts, the wizard also maps your Shopify Customer Fields to Dotdigital contact data fields. The mapped fields are:

Customer field

Data type

First name

Text

Last name

Text

Login

Text

Created date

Date

Phone

Text

Note

Text

Tags

Text

Has account

Text

Last order ID

Numeric

Orders count

Numeric

Total spent

Numeric

Billing address 1

Text

Billing address 2

Text

Billing phone

Text

Billing fax

Text

Billing city

Text

Billing postcode

Text

Billing state

Text

Billing region

Text

Billing country

Text

Billing company

Text

Shipping address 1

Text

Shipping address 2

Text

Shipping phone

Text

Shipping fax

Text

Shipping city

Text

Shipping postcode

Text

Shipping state

Text

Shipping region

Text

Shipping country

Text

Shipping company

Text

Once the installation is complete, you can select See my store settings to return to Dotdigital and make any other edits to your store that you like.

Did this answer your question?