Wordpress

Adding the GPT4Business.ai Chat Widget to a WordPress Site

The GPT4Business.ai chat widget can be embedded into a WordPress website to provide seamless AI-powered customer interaction. There are two main approaches: using the Gutenberg editor (or classic HTML integration) and leveraging WordPress themes or plugins for script embedding.

Option 1: Embedding the Chat Widget into a Page Using Gutenberg Editor

1. Obtain the Chat Widget Code:

• Log in to the GPT4Business.ai dashboard.

• Copy the embeddable chat widget code (iframe or script tag).

1. Embed the Widget Using Gutenberg:

• Open the WordPress editor (Gutenberg) for the desired page.

• Insert a Custom HTML block from the block options.

• Paste the chat widget code into the Custom HTML block.

1. Save and Verify:

• Click Update to save changes.

• View the live page and confirm that the chat widget is embedded and functional.

Option 2: Embedding the Chat Widget Using WordPress Theme Customization

1. Access Theme Code (theme.liquid equivalent):

• Navigate to Appearance > Theme Editor in your WordPress admin panel.

• Open the theme file where scripts can be added, such as footer.php or a section that allows code insertion.

1. Insert the Code Before the Closing Body Tag:

• Scroll down to locate the closing </body> tag.

• Paste the chat widget script code directly before the </body> tag.

• Save the changes by clicking Update File.

1. Theme Hooks (GeneratePress Example):

• Some themes, like GeneratePress, allow custom hooks:

  • Go to Appearance > Elements.

  • Create a new hook and choose the wp_footer location.

  • Paste the chat widget script and configure display rules (e.g., all pages or specific pages).

  • Save and activate the hook.

Option 3: Using a Plugin for Script Integration

If the theme does not support direct code embedding:

1. Install a Plugin:

• Use a plugin like Code Snippets to embed scripts.

1. Add the Script Code:

• Go to the Code Snippets section in your WordPress dashboard.

• Create a new snippet, select HTML or script content, and paste the chat widget script.

• Configure it to load at the footer or end of the body section.

1. Save and Activate:

• Save changes and activate the snippet.

• Clear your website cache if necessary to ensure the changes appear.

Additional Notes

• Built-in WordPress Chat Features: If your WordPress site includes a default chat widget, disable it to avoid conflicts with the GPT4Business.ai chat widget.

• For complex themes or custom scenarios, reach out to theme support or contact the GPT4Business.ai team for guidance.

Outcome

By following these methods, businesses can successfully integrate the GPT4Business.ai chat widget into their WordPress website, enabling:

• Real-time AI-powered customer engagement.

• A seamless user experience for customers.

• Efficient chatbot functionality across all or specific pages.

For additional assistance, reach out to the GPT4Business.ai support team.