Add AtomChat to your BuddyPress website

Modified on Fri, 28 Oct 2022 at 12:45 PM

Before you begin 

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 

For successful integration, please ensure your domain or local environment is SSL certified and secure.

4. Add AtomChat plugin

  • Login to your WordPress Admin Dashboard -> Plugins -> Add New
  • Browse the Plugin Archive for AtomChat and select it
  • Install the plugin

5. Install AtomChat

Once the plugin is activated, follow the below steps to install it on your website.

  1. Click on the AtomChat tab on the left-hand side navigation menu.
  2. Enter your License Key and then your Auth Key and click on the Install button to activate AtomChat

Choose a Layout

AtomChat offers 2 Layouts
1. Docked Layout creates a floating chat widget at the bottom right/left corner of your website.
2. Embedded Layout embeds a chat interface inside any page of your website
And please remember!
AtomChat layouts are not designed to be used together on the same page. If you add both layouts on the same page, please expect erratic behavior from the software. 



6. 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']


7. Setting up the Embedded Layout



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

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

[atomchat layout='embedded' width='990' height='600']

8. Contact Sync 

Your users will be visible in the contact list once they login using their credentials again to the site after installation.

9. 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?



Congrats!! 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 :)





Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article