Step 1

Open your tumblr dashboard, head to Account and click on your tumblr blog below TUMBLRS.
Image without caption

Step 2

Click Edit appearance on the sidebar.
Image without caption

Step 3

Click on Edit theme inside the content area.
Image without caption

Step 4

Click on Edit HTML in the top left corner.
Image without caption

Step 5

Navigate to the bottom of the editor and paste the Userlike Widget code before the </body>tag. You find the code in your Widget’s settings under Install > JavaScript Widget code Hit Update Preview and Userlike will be added to your tumblr blog.
<script type="text/javascript" async src=""></script>
We strongly advise you to place the script within the body tag of the website to ensure correct loading behavior of the chat client.To avoid CSS conflicts with the chat client, we advise you not to use iframe { !important } in your CSS. Better be more specific and exclude the Userlike chat client by using iframe:not(.userlike) { !important }.
Image without caption

Step 6

Make sure to click Save and review your updated blog with Userlike on it. Note that updating the preview (Step 5) alone will not save your changes.
Image without caption

If you experience any difficulties or issues with our software or our integrations, check out our help section or start a chat with us.