Tag: Javascript integration

Adding aNinja Chatbot to your Website

Post author By Rita
Post date December 7, 2021

Before adding aNinja Chatbot to your Website, you want to create the playbook steps in your install and find the embed code.

Adding aNinja Chatbot embed code to your Website

Find your aNinja Chatbot embed code
Add the Javascript embed code to your website for the aNinja chatbot to start loading on the page.
This Javascript snippet will automatically load the chatbot widget onto your site when your website pages load.

Where to add the Chatbot embed code

Typically you want to add this code in the HTML section before the closing body tag of your HTML code or layout.
If you’re not familiar with basic HTML at all, feel free to contact us for additional support at support@aninja.com.

Chatbot embed on websites

Additionally, you can also look at the Websites-specific information:

What’s next

Once you’ve successfully added the chatbot embed code script to your website, your defined chatbot playbook should start loading on page visits!
You’ll also be able to see stats on how the chatbot is performing in your aNinja install.

Where do the Chatbot Conversations appear in aNinja

Now that you’ve added your Chatbot to your website, as a result, after every chatbot conversation, a new lead is created into your aNinja account with the lead data captured in the conversation.

If the lead closed the chatbot conversation before your reply, your message will appear in a bubble next to the chatbot on the website:

You can see these conversations:

In your inbox. Just select “Chatbot” from the All types drop down.
And in your Dashboard widget “Chatbot Conversations”. If you can’t see this widget, just enable it from the little gear on the top right of the dashboard.

Chatbot behavior

The chatbot pop-up gets triggered only for the first user visit to your site. It doesn’t automatically re-pop up on their subsequent visits, mainly because it gets annoying for repeat users. However, they can see that it’s in the bottom right section.

We can customize the below Chatbot behaviors:

Exposing the Chatbot initial greeting on every visit
Hiding the initial greeting message on page load
Delay showing the Chatbot widget for a number of seconds
Customizing widget container style to fit on the load page

Send us your request to support@aninja.com and we will implement the changes for you.

aNinja Leads Forms Integration Channels

Post author By support
Post date December 7, 2021

One of aNinja’s key features is its Leads Integration Channels which allow you to connect a variety of apps and tools to aNinja, enabling you to streamline your workflow and boost productivity.

By connecting your apps and tools to aNinja, you can streamline your workflow. Ultimately, the integration ensures that your customer data is up-to-date and consistent across all your platforms.

aNinja Leads Integration Channels

aNinja offers integration options with the following channels; but not limited to them. We are continuously extending our reach to connect with additional channels along the way.

Click on the links below to access the knowledge base articles. You’ll find step-by-step instructions on how to integrate the relevant components.

And before getting started with the integration, please make sure you have your aNinja aNinja API key.

Where does the imported data appear

After the integration, you can search your aNinja CRM for the imported leads. Also, you can search for any custom field, opportunities, and any other info that you have imported.

Lead’s contacts appears in the leads contact section in the lead view
Opportunities also appear in the opportunity section in the lead view
The company’s info appears on the top left of the lead view, in the Company section.
Custom fields appear in the custom field section of the lead view
Lastly, Lead Search is a field that also appears in the bottom left of the lead view. Specifically, these are info/links on the lead or the organization found in Google search.

Need any help? Please reach us at support@aninja.com and we will happily assist you!

Adding aNinja Chatbot to your WordPress website

Post author By support
Post date November 16, 2020

No matter whether you’re a growing company or a market leader, aNinja Chatbot helps you communicate better with customers and push your business forward. Adding aNinja Chatbot to your WordPress Website can be done by using a simple Javascript code.

Adding aNinja Chatbot to your WordPress website

For the WordPress websites:

Simply install the following plugin:
https://wordpress.org/plugins/insert-headers-and-footers
Go to Settings > Insert Headers and Footers
Add the aNinja Chatbot embed code

If you can’t see the Headers and Footers plugin in Settings, you just want to install the “insert-headers-and-footers” plugin directory that allows the plugin to appear in Settings.

Where do the Chatbot Conversations appear in aNinja

Now that you’ve added your Chatbot to your website, as a result, after every chatbot conversation, a new lead is created into your aNinja account with the info captured in the conversation.

If the lead closed the chatbot conversation before your reply, your message will appear in a bubble next to the chatbot on the website:

You can see these conversations:

In your inbox. Just select “Chatbot” from the All types dropdown.
And in your Dashboard widget “Chatbot Conversations”. If you can’t see this widget, just enable it from the little gear on the top right of the dashboard.

Chatbot behavior

We can customize the following Chatbot behaviors:

Exposing the Chatbot initial greeting on every visit
Hiding the initial greeting message on page load
Delay showing the Chatbot widget for a number of seconds
Customizing widget container style to fit on the load page

Send us your request to support@aninja.com and we will implement the changes for you.

Creating aNinja Forms

Post author By support
Post date July 1, 2020

For integrating forms data into aNinja, you can:

Use aNinja forms: These are created inside aNinja. You simply drop the Javascript code on your site and they render and automatically push the lead data into aNinja.
Use your existing forms (in this case we can adapt some Javascript code to push the lead into aNinja on form submission).
If your site is a WordPress or similar, we also have plugins for those cases (Gravity forms, Contact Form 7, Hubspot Form, and WPForms).

With aNinja, you have the ability to create custom forms and personalize the content to your liking. Once these forms are integrated into your website, every submission will result in a lead being automatically added to your aNinja account.

Creating aNinja Forms

On the left sidebar, go to Marketing > Forms
Click on Add Form
Label your form and select its status (draft, live, or archived)
You can either select the Contact Us template or just drag fields from the list to create your own form.

Incorporate a “hidden input” into your website’s form that remains concealed from users as they fill it out. And a custom field with the form name will be injected along with the lead data. This helps you identify leads generated from this specific form through the use of Smartlists.
- A hidden input has a name and a value.
  - name: e.g. Custom_Form
  - value: e.g. aNinja contact form (or any title relating to the form).
- If you’re intending to use multiple forms on your website, to each form you can assign a different name and value for the hidden input. Then you map it to aNinja’s Custom field. So every form submission creates a lead that has this input’s name and value among his custom fields.

Insert a “Button” of type “Submit” at the bottom of your contact form for the form submission.

Lastly, click Save.
You can preview with Standalone link (optional)

Embed the form on your website

Go to Marketing > Forms
Copy the embed form code, to be able to embed the code snippet on your website.
We’ve added a data attribute inside this code that allows you to manage the Bootstrap design in the form. Set it to True or False to either skip or include the Bootstrap design in the form.
- If it is set to True, then it skips aNinja’s design and uses the Bootstrap used in your website.
- If set to False, then it uses aNinja’s Bootstrap design for the form.

Fields to include in the form

It’s very important to add “Input names” in the form fields and map them to aNinja fields (check the fields mapping section below).

The input names basically are:

Name: that’s a required field and it will be mapped to the aNinja field: contact_name
Phone: to be mapped to the aNinja field contact_phone1
Email: to be mapped to the aNinja field contact_email1
If in your form you’ve added other fields (e.g. Source), these are considered Custom Fields. When mapping them to the aNinja fields, just add this prefix Custom_ (Custom + Underscore). (e.g. Custom_Source).

Fields mapping

The following are standard fields you can map to, in addition to any custom fields created in your application that you can see under Settings > Custom fields.

Where does the imported data appear

After the form submission, a lead is automatically injected into your aNinja account.

You can search your aNinja CRM for the imported leads. You can also search for any custom field, opportunities, and any other info that you have included in your form.

Lead’s contacts appear in the lead contact section in the lead view.
Opportunities also appear in the opportunity section in the lead view.
The company’s info appears on the top left of the lead view, in the Company section.
Custom fields appear in the custom field section of the lead view.
Lead Search is a field that also appears in the bottom left of the lead view. Specifically, these are info/links on the lead or the organization found in Google search.