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

1. Log in to your WordPress back-end.

Note. 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).

Enter the username and password specified when setting up wordpress.

2. Go to the Pages section

After logging in you’ll see the administration dashboard and a left-column menu. 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 focuses 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 at left) in the list of pages to see editing links. Click Edit to modify the specified page.


4. Select the "Text" tab to enter "Text Mode," which will allow you to paste in HTML directly.


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

Quick link: https://goteamup.com/providers/configure/customer_experience/customer_site/

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 text of the script on your website after embedding try method 3 here:
https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/

Did this answer your question?