Add AtomChat to a Wordpress Website

Here’s how the integration should look:

1. Sign up for a Free Trial
   You can select a suitable plan from AtomChat's pricing page and sign up for a 14-day free trial!

2. Note Your API Keys

• Sign in to your Dashboard and click on the Manage button
• You will see API Keys on the top right. You can copy your keys from here!

3. Secure Your Environment
   To ensure successful integration, your domain or local environment must be:

• ✅ SSL Certified
• ✅ Served over HTTPS

4. Add AtomChat plugin

• Navigate to the 'Plugins' section on the left menu and click on 'Add New'.
• Search for the Plugin
• In the 'Add Plugins' page, find the search bar, type 'AtomChat', and hit enter.
• The AtomChat plugin will appear in the search results. Click on the 'Install Now' button next to the AtomChat listing. The installation process will start and might take a few moments.

5. Install AtomChat

Once the plugin is installed, follow the below steps to integrate AtomChat with your website.

Choose a Layout

AtomChat offers two layout modes:

1. Docked Layout

   • A floating chat widget at the bottom-right or bottom-left of your website.

2. Embedded Layout

   • Embeds the chat interface within a specific section of your page.

⚠️ Important:
You should not use both layouts on the same page. Doing so may cause erratic behavior in the chat experience.

Setting up the Docked Layout

As soon as you install the plugin, our Docked Layout is auto-activated for your convenience.

If you would like to manually add our Docked Layout to a particular page (using the WordPress content editor), then you can use the following shortcode:

    [atomchat layout='docked']

Setting up the Embedded Layout

The Embedded Layout allows you to add AtomChat to any part of your site page.

To proceed, add the following shortcode to any page of your site (using the WordPress content editor).

    [atomchat layout='embedded' width='100%' height='600']

Contact Sync

Your user list on AtomChat will get populated and they will be visible in the Chat Contact list once they log in to your website after integrating AtomChat. So, users are added on-the-fly as they login.

You can also enable Guest chat for non-logged-in users.

Need help Integrating?

We've got you! Please Contact Us if you need any help or have questions.

You can also schedule a remote Integration Assistance meeting with our team of experts!

Happy to help :)

Secure AtomChat

Before you go live, paste your API Key and Auth Key in the AtomChat Plugin (in WordPress Admin Dashboard) -> Authentication Settings.

Sign in to your AtomChat Client Area and click on the Manage button.

Then navigate to Settings -> Authentication -> Security and enable Enable Auth Key Verification? and Enable Data Signature Validation?

You are all set to start using AtomChat!

Need help Integrating?

We've got you! Please Contact Us if you need any help or have questions.

You can also schedule a remote Integration Assistance meeting with our team of experts!

Happy to help :)

Video Demonstration