Prerequisites:
- Have a Tumblr website
- Your 8-character discussion shortcode from your relevant discussion's settings page on the Vialog Dashboard.
- You will need these two HTML code snippets:
<script src="https://ui.vialog.app/vialog-loader.js"></script>
<a name="vialog-YOUR_DISCUSSION_SHORTCODE"></a><div data-vialog="YOUR_DISCUSSION_SHORTCODE"></div>
Note: you will need to change YOUR_DISCUSSION_SHORTCODE
to your 8-character discussion short-code
Steps
1. Log into your Tumblr account.
2. On your dashboard, add a new Text post or edit an existing post (wherever you want to add your Vialog widget.)
3. Click the Gear ⚙️ icon on the top right of the post and select HTML for Text editor before pasting your Vialog embed snippet.
4. Paste the Vialog embed snippet code and change YOUR_DISCUSSION_SHORTCODE
to your 8-character discussion shortcode.
<a name="vialog-YOUR_DISCUSSION_SHORTCODE"></a><div data-vialog="YOUR_DISCUSSION_SHORTCODE"></div>
Enable Vialog on Tumblr
The following steps only need to be set up once. You also need to repeat the steps below if you change your Tumblr's Theme.
A) To enable Vialog to load on your Tumblr website, go to Account > Edit Appearance
B) At the Website Theme section, click the "Edit theme" button
C) At the top left, click on "Edit HTML"
D) Search for </body>
inside the code (it should be one of the very last lines of code displayed here) and insert the Vialog Loader script before the </body> tag
<script async src="https://ui.vialog.app/vialog-loader.js"></script>
Vialog Loader script
E). First "Update Preview" then "Save"
That's it, you're all set! Your Vialog widget is now live on your Tumblr site!
FAQ
Fully GDPR compliant | Comes with a Climate Positive Discussion promise | Supported by Horizon 2020 and Innovate UK | Discuss with purpose
Links Showcase | About | Environment | Pricing | Terms | Contact us
© Vialog Ltd 2022