Skip to main content

Tags

Introduction#

In this section you can add custom CSS or Javascript into the source code of your website your website with the help of tags. It is specially useful when you want to include a separate stylesheet containing CSS elements and selectors, or messenger utiltites such as chat widgetsusing JavaScript.

How to access on Fynd Platform

QG1

Figure 1: Tags

Main Screen#

QG1

Figure 2: Main Screen

  • Here you can see the tags that are previously created and the action items like Delete All and Save.

Creating a Tag#

Let's create a tag to enable a chat widget on your website.

  1. Click Create

QG1

Figure 3: Tags

  1. Enter the details.

QG1

Figure 4: Tags

  • Name - Enter the name for the tag.
  • Choose file type - You can select whether to enter a CSS or JavaScript file.
  • Choose sub type - Select whether the tag will be an external URL or an inline Code. If you select External then you will have to add an external URL in the field, if you select Inline then you will have to insert a CSS/JavaScript code.
  • Choose tag position - Choose where the tag will be positioned, i.e. head, in the body top or at botttom.
  • Sub Type - Place the URL or the CSS/JavaScript here.
  1. To get the code, you will have to create an account on Tawk.to or any other site of your choosing that provides chat widgets. For e.g. Intercom.

  2. Once you have created a free account, provide the company details like Name and the URL. Click on Team Members once you have entered the information.

QG1

Figure 5: Company Details

  1. You have the admin access, you can grant other users access to this feature or skip this step and click Install Widget.

QG1

Figure 6: Add Members

  1. Once the chat widget is installed, you will get a JavaScript code on the screen that you need to copy and click Done.

QG1

Figure 7: JavaScript Code

  1. Navigate back to the Tags page on sales channel settings, Select JavaScript in the file type, Inline in the sub type and paste the code. For the tag position, select Body Bottom.

QG1

Figure 8: Paste JS Code

  1. Once the details are filled, click Save.

  2. Your Tag is now live.

QG1

Figure 9: Live Tags

  1. Go to your website, you can see the chat widget is added at the bottom right corner of the screen.

QG1

Figure 10: Chat Widget Added

  1. On the screen, do a right click and select Inspect. You can inspect the page to check where the code was applied.

QG1

Figure 11: Inspect Elements

  1. When the customers that visit the website click on the chat icon, a window pops up that will allow them to start a chat.

QG1

Figure 12: Chat Window

  1. The customer chats will appear on the tawk.to dashboard and you or an agent that has been provided access by the admin can reply to the chats by clicking on them.

QG1

Figure 13: Tags

note

You can add various tags like domain verification, login verification etc.