Nextiva CX - Inserting the Chat URL into a Website

After configuring your Live Chat settings in NextivaCX, it's time to embed it into your website. You'll find a code snippet at the bottom of the Live Chat settings page. Adding this code correctly to your website will make the Live Chat widget appear for your visitors.

1. Select Publish Live Chat to ensure the code is active and ready to use.
   
   
2. Select the Code:
   
   
   1. Select Copy Code to copy the entire code snippet accurately.
      
      
   2. If you have a web developer, select Send to Developer. A pop-up will appear where you can enter their email address, and we'll send them the code and instructions.
      
      
   3. For advanced customization and installation methods, navigate to Advanced Options and select Installation.
      
      
3. To insert the code into the website, make sure the Live Chat is published by selecting Publish Live Chat.
   
   
4. Copy the code from the Live Chat settings or navigate to Advanced Settings and select Installation.
   
   
5. Navigate to the website and insert the code into the page where the Live Chat should appear.

XBert Tips:

• The exact steps for inserting the code may vary depending on your website platform or content management system. Some websites may have a Nextiva plugin that simplifies the process.
  
  
• If you're unsure how to add the code, consult your web developer or refer to your website platform's documentation for assistance.

You can easily add Nextiva Live Chat to your Wix website by using the custom code feature found under settings:

1. Go to Settings in the site dashboard.
   
   

2. Select the Custom Code tab in the Advanced section.
   
   

3. Select + Add Custom Code at the top right.
   
   

4. Paste the code snippet in the text box. 
   
   

5. Enter a name for your code.
   
   

XBert Tip: Name it Nextiva LiveChat or something similar to easily identify it later. 

1. Choose which pages to place the Live Chat by selecting one of the following options under Add Code to Pages:
   
   

   1. All pages: This adds the code to all of your site's pages, including any new pages that you create in the future. Choose whether to load the code only once per visit, or on each page your visitor opens.
      
      

   2. Choose specific pages: Use the drop-down menu to select the relevant pages.
      
      

2. Choose where the code is placed by selecting Head under the Place Code in section.
   
   

3. Select Apply.
   
   

Nextiva Live Chat can be easily added to a squarespace website by using the code block feature. 

XBert Tip: Adding JavaScript or iframes to code blocks is a premium feature available in Business, Commerce, Professional, and Premium plans.

Add a code block

To add a code block:

1. Edit a page or post, click Add Block or an insert point, then click Code. For help, visit Adding content with blocks.
   
   

2. Open the block editor by clicking the pencil icon on the block.
   
   

3. Add your code in the text field.
   
   

4. If you're using the code block to display code snippets, switch the Display Source toggle on.

Add code

If the code block is being used  to render code, ensure HTML or Markdown is selected  in the Type menu. To do this:

1. Enter or paste the code into the text field. 
   
   

2. To paste code, copy the code.
   
   

3. Select into the field and press Ctrl + V (Windows) or Command + V (Mac).
   
   

Code blocks set to CSS or JavaScript display code as text by default. To render CSS or JavaScript in code blocks, select HTML from the drop-down menu. For CSS, surround the code with <style> </style> tags. For JavaScript, surround the code with <script> </script> tags.

If WordPress is used for the Website Nextiva Live Chat can be installed through the  plugin found here: https://wordpress.org/plugins/nextiva/

XBert Tip: Instead of copying and pasting the entire javascript code, only the key and the URL need to be entered

To insert the chat URL into a Wordpress website, follow the steps below.

1. Select Advanced Options.
   
   

2. From the Advanced Options Menu, select Installation.
   
   

3. Select the Wordpress tile.
   
   

To insert the chat URL into a GoDaddy website, follow the steps below.

1. Go to the GoDaddy product page.
   
   

2. Scroll to Websites + Marketing and select Manage next to the site name.
   
   

3. Select Edit Website or Edit Site to open the website builder.
   
   

4. Go to the page and location where the website should be added. This is where to add the custom code and add a section.
   
   

5. Search for the HTML section and select Add.
   
   

6. Paste or write your custom code in the Custom Code field.
   
   

7. Customize the rest of the section, such as the accent color, title, center alignment toggle and height.
   
   XBert Tip: Leave the Forced Height field blank for auto-height or set a specific height in pixels. A height of 0 pixels is equivalent to deleting the section.
   
   

8. Your changes are saved automatically.
   
   XBert Tip: Use Preview to see the results
   
   

9. When you're ready to make the changes public, publish your site.