Skip to main content

Complete widget's configuration in a WordPress

Complete widget's configuration in a WordPress

This guide will show you how to configure tracking page on the your own WordPress website

Steps

1. Configure tracking page

You should create and configure a tracking page in your TrackMage account.

tip

You can find more helpful articles in our knowledgebase: Basic Configuration and Visual Builder

2. Create a new page in your WordPress website

note

You can use any custom page builder or native WordPress builder. We will use native WordPress page builder to create a new page.

New Wordpress Page

3. Add TrackMage Setup Widget

  • Add code block

Insert a code block

  • Copy Setup Widget html code from the docs and insert it into the code block

Copy Setup Widget code: Copy Setup Widget code

Insert Code:

Insert code

  • Replace parameter with your values

Copy Tracking Page Domain: Copy Tracking Page Domain

In the result you should have something like below: Setup Widget Result

tip

For locale parameter you can use one of de, en, es, fr, gr, it, pt, ru values. You can delete locale parameter, in that case default locale from tracking page will be used.

4. Add two columns

Step 1 Step 2 result

5. Add Lookup Widget and Tracking Cards Widget to first column

  • Copy Lookup Widget code from the docs and insert it

Copy Lookup Widget Code:

Copy Lookup Widget Code

Add widget code to first column:

Paste widget code Step 1 Paste widget code Step 2

  • Copy Tracking Cards Widget code from the docs and insert it

Copy Tracking Cards Widget Code:

Copy Tracking Cards Widget Code

Add widget code to first column:

Paste Tracking Page Widget Code Delete unnecessary parameters

  • In the result you should have something like below:

Widgets result

6. Add Sidebar Widget to second column

  • Copy Sidebar Widget code from the docs and insert it

Copy Sidebar Widget Code:

Copy Sidebar Widget Code

Paste Sidebar Widget Code:

Paste Sidebar Widget Code

7. Add script code to the page

  • Copy script code from the docs

Copy Script Code

  • Paste script code

Add Script Code to the Page

8. Save changes on the editor and open your page.

If everything was added correctly, you will have working widgets on the page:

Tracking Page Example

Test widgets work with one of your tracking/order number

Tracking Page Example 1

Tracking Page Example 2

tip

Page layout is just example. You can use widgets in different blocks on the page. Another Layout Another Layout Example Another Layout Example 2