How to Add Live Chat in Tumblr Website
Published: 2023-05-02 08:22:46

<!-- wp:image {"id":4768,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2020/10/How-to-add-a-livechat-to-Tumblr-1024x576.png" alt="Add Tumblr live chat support in kommunicate" class="wp-image-4768"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Live chat is faster and the best way for your customers, website visitors to chat with you in real-time. Live chat provides a far better experience than the contact forms or communicating through emails.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>A market bustling with customers who seek a new service or product every day makes their work easy. But in case they get stuck, they seek instant answers to their questions.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Organizations feel the pressure to be prompt - to address customers’ questions with lighting speed. One of the main reasons why live chat implementation is essential for business websites and blogs.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In this post, we will see how you can add a live chat to&nbsp;<strong><a href="https://www.tumblr.com/" target="_blank" rel="noreferrer noopener">Tumblr</a></strong> website.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Tumblr is an online scrapbook of texts, photos, videos, and audio clips. In other words, it’s a cross between a blog and a twitter feed. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Tumblr is a great outlet for creative persons/teams to share cool things you discover and follow others with similar interests.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>With Live chat, you can:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><li>Keep customers engaged:&nbsp; Customers hate waiting, and with live chat on your website, you can answer customer queries in the least possible amount of time. This will help boost customer satisfaction.</li><li>Humanize your business: With a live chat, you will be able to empathize with your customer, making your business that much more human.</li><li>Speed up Customer support: Live chat agents can use various techniques, such as canned responses, to reduce the time required to provide responses.&nbsp;</li></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Let’s see how to install live chat on a Tumblr blog.</p>



<!-- wp:heading -->
<h2><strong>Pre-requisites</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>You should have a <a href="https://www.tumblr.com/" target="_blank" rel="noreferrer noopener">Tumblr</a> account and you’ll need <a href="https://www.kommunicate.io/product/live-chat">Kommunicate’s live chat plugin</a> for adding the live chat to your Tumblr blog.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3><strong>Step by step guide to add live chat to your Tumblr </strong>Websites.</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4><strong>Step 1: Log in to your Tumblr account</strong></h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Login to your Tumblr blog account and click on the<strong> “user account icon”</strong>, then in the drop-down menu click the <strong>“Edit appearance”</strong> option.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4723,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2020/10/Tumble-live-chat-screeshot-1024x460.png" alt="Tumblr live chat appearance" class="wp-image-4723"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4} -->
<h4><strong>Step 2: Open the Edit appearance section</strong>.</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Click on the “<strong>Edit theme”</strong> in the section <strong>“Website Theme”</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":13895,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2023/03/Tumblr-post-1024x531.jpg" alt="" class="wp-image-13895"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4} -->
<h4><strong>Step 3: Open the HTML section</strong>.</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now you will be on the ‘Edit theme’ page. Click on the <strong>“Edit HTML”</strong> option.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4762,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2020/10/Tumblr-HTML-page-1024x456.png" alt="Edit Tumblr html" class="wp-image-4762"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4} -->
<h4><strong>Step 4: Add your live chat script here</strong>.</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Paste your Kommunicate live chat script snippet at the end of the HTML code, just <strong>before the &lt;/body&gt; tag</strong> at the last, as shown in the image.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4763,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2020/10/Tumblr-live-chat-script-1024x473.png" alt="Tumblr livechat script  " class="wp-image-4763"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><strong>For getting the Kommunicate live chat script</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><li>Login to the&nbsp;<a href="https://dashboard.kommunicate.io/">Kommunicate dashboard</a></li><li>Select the settings ⚙️ option, navigate to the&nbsp;<a href="https://dashboard.kommunicate.io/settings/install"><strong>INSTALL</strong>&nbsp;section</a>&nbsp;and click the&nbsp;<strong>Web&nbsp;</strong>tab and copy the Javascript code</li></ol>
<!-- /wp:list -->

<!-- wp:image {"id":13896,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2023/03/Tumblr-post-2-1024x416.jpg" alt="" class="wp-image-13896"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":4} -->
<h4><strong>Step 5: Publish your Tumblr website</strong>.</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now navigate back to your ‘Edit appearance' setting and click on the <strong>“Tumblr URL”</strong>. You will be able to see the chat widget on the website.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4765,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://www.kommunicate.io/blog/wp-content/uploads/2020/10/Tumblr-livechat-widget-1024x465.jpg" alt="Chat Widget on website" class="wp-image-4765"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>In this way, you can add live chat to Tumblr blogs in a few simple steps.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>🚀 Read:</strong> <a href="https://www.kommunicate.io/blog/meteor-live-chat-integration/">Integrate Live Chat Plugin into Meteor Website</a></p>
<!-- /wp:paragraph -->