This is a step-by-step guide to add Vialog to your Tumblr site.

About Tumblr Integration

What you need:

What you get:

  • More traffic to your website using the SEO optimised discussions
  • Visitors spend more dwell time on your website
  • Higher engagement results in better business conversions
  • Up to unlimited amount of User Generated Content that can be safely moderated

Setup Tumblr Integration

  1. Log into your Tumblr account.
  2. On your dashboard, add a new Text post or edit an existing post
  3. Click the Gear ⚙️ icon on the top right of the Post and select HTML for Text editor before pasting your Vialog code.
  4. Paste the following code

    <div data-vialog="YOUR_DISCUSSION_SHORTCODE"></div>
  5. Add your Discussion Shortcode to the code before you click Publish or Save.

  6. To enable Vialog on your Tumblr website first go to Account / Edit Appearance
  7. At the Website Theme, click on "Edit theme".
  8. On the top left, click on "Edit HTML"
  9. Search for </body> inside the code (probably at the last lines of the code displayed here) and insert the following code before the </body> tag:

    <script async src="https://ui.vialog.app/vialog-loader.js"></script>
  10. Click on"Update Preview" and then also click on "Save".

Guide for Steps 6-10 (one time setup per Tumblr site)

Support Webflow Integration

Q:  When I'm trying to save my custom theme, there is a Tumblr alert saying "Uh oh! We couldn't save your theme. Looks like your custom theme references assets from non-HTTPS URLs. Please try again using only HTTPS URLS." What should I do?

→ Using the build-in Search & Replace functionalities of Tumblr Edit HTML please make sure that you only use HTTPS.
Step 1:  Change all "http" to "https".
Step 2: Search for "httpss". As multiple "s" characters may have been added, you need to clear those so that you only show "https".

Q:  Why is my discussion not showing up?

→ Most likely the domain whitelisting is missing. Go to your Settings to add your allowed domain. You can also whitelist a domain on the bottom of the Discussion Settings page of your relevant discussion.

Q: How can I change the language of the Vialog?

→ Go to your Dashboard to select your discussion, then under Discussion Settings you can find a "Language" dropdown. After selecting the language, save and publish changes and then either use Copy discussion code or the Share link with the updated language.

Need more help?

Feel free to contact us, we are here to discuss.

Video solution to unlock your engagement