Adding your TeamUp widget to a WordPress Site

Add your TeamUp widget to your WordPress site.

Adding your TeamUp widget to a WordPress-powered website is extremely quick and simple:

1. Log in to your WordPress back-end. Enter the username and password specified when setting up WordPress.

WordPress login page

 

💡 Your WordPress site’s back-end or “administration area” is where content creation and editing happens. The default location for your back end is http://yourWebsite.com/wp-admin (replace “yourWebsite.com” with the address of your website).


2. Go to the Pages section.

After logging in you’ll see the administration dashboard and a left-column menu.

WordPress side panel. Pages tab highlighted.


Content should be organised under Pages or, for blogs, under Posts. Posts and Pages are virtually the same in regards to editing. In this article, the images and discussion focus on Pages.

Click 'Pages' or sub-menu 'All Pages' to see a list of existing pages. Click sub-menu 'Add New' to create a new page.

3. Edit the page

If you created a new page, you can skip this step.

To edit an existing page, hover over the Page Title (e.g. Home in the sample image below) in the list of pages to see editing links. Click 'Edit' to modify the specified page.


4. Here you will need to add a new code block that will allow you to paste in HTML directly.

To create a new code block, click the plus sign and select the 'Code' option:

WordPress add button. Code block selected.



In the code block editor, click the three little dots and select the 'Custom HTML' option in the drop-down menu:

Code block editor. Custom HTML selected.


5. Paste the widget code you copied from the Customer Experience >> Customer Site page on TeamUp.


6. Publish your changes and your widget should appear on the desired page.

💡 Note that the breakpoint at which the widget will switch to the mobile version is 940px.

Tip. If you’re seeing the text of the script on your website after embedding, try method 3 here.