imatrix aNinja Form Integration

aNinja allows you to integrate your imatrix Website Forms into your aNinja account. In this article, we show you how the imatrix aNinja Form Integration can be done using a simple Javascript code.

imatrix aNinja Form Integration

You can integrate and augment the functionality of popular platforms with aNinja.

  • First, you need to find your API key
    • On the left sidebar, click on Settings > Users
    • Then, click the edit pen next to your name.
    • And, copy it to use it later in the integration
  • Now, login to your imatrix website editor
  • On the left side menu, click on Website Editor
  • Then, click on Edit Website in the middle of the page.
  • Type your email and password to login
  • On the left side menu, click on Pages 

  • Next to the form, on the right side, click on the little Settings gear
  • Scroll down to the Custom Info section
  • And insert your Javascript code under “Specify Custom Header”

imatrix aNinja Form Integration

  • Map the form fields to aNinja fields
  • Save and Publish
  • Go to your website, refresh and test submitting a form.
  • Then, check your aNinja account for the new lead automatically generated after the form submission.
You can use the below Javascript code

Where does the imported data appear

After the integration, 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 imported.

  • Lead contacts appear 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.
  • 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 help with imatrix aNinja Form Integration? Leave us an email at support@aninja.com. And we will happily assist you.

VistaPrint aNinja Form Integration

aNinja allows you to integrate your Vistaprint Website Forms into your aNinja account. In this article, we show you how the Vistaprint Form Integration can be done using a simple Javascript code.

Vistaprint aNinja Form Integration

You can integrate and augment the functionality of popular platforms with aNinja.

  • First, you need to find your API key
    • On the left sidebar, click on Settings > Users
    • Then, click the edit pen next to your name.
    • And, copy it to use it later in the integration
  • Now, login to your Vistaprint website editor
  • In the middle of the page, click on edit website
  • On the left side menu, click on General Settings > General
  • Then, choose Tools & Analytics
  • Under Other Tags add the Javascript code (see example below)Javascript aNinja Form Integration
  • Map the form fields to aNinja fields
  • Save and Publish
  • Go to your website, refresh and test submitting a form.
  • Then, check your aNinja account for the new lead automatically generated after the form submission.
You can use the below Javascript code

Where does the imported data appear?

After the integration, 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 imported.

  • Lead’s contacts appear 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.
  • 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 help with Vistaprint aNinja Form Integration? Leave us an email at support@aninja.com. And we will happily assist you.

Javascript API Integration

With Javascript API Integration you can forward leads into your aNinja account simply using a programming code or an API. In this article, we show you how Javascript API Integration can be done.

Javascript applications

The following example is of an API request in Javascript. You can customize off of the following examples to suit your actual code/use case.

Example use cases: Squarespace, Shopify

ajax({
type: 'POST',
url: "https://aninja.com/api/v1/contactform/?apikey=YOUR_API_KEY_HERE",
data:$.param({contact_name : contact_name}) + "&"+ $.param({contact_email1 : contact_email1}) + "&"+ $.param({contact_phone1 : contact_phone1})+ "&"+ $.param({company_name : company_name}),
success: function (data) {
alert('success');
}
});

Fields mapping Table

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 integration, 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 imported.

  • Lead’s contacts appear 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
  • 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 help with Javascript API Integration? Leave us an email at support@aninja.com. And we will happily assist you.

Adding aNinja Chatbot to your Godaddy Website

Adding aNinja Chatbot to Godaddy Website can be done by using a simple Javascript code. Which is the aNinja Chatbot Embed Code. Find your aNinja Chatbot Embed Code in your aNinja install before getting started.

Adding aNinja Chatbot to Godaddy Website

  1. Log in to your GoDaddy account and click Manage to open GoCentral.
  2. Click Edit/Edit Site.
  3. Then, select the page you would like the widget to appear on. Or alternatively, you can add a new page for the widget. Click the + button or Add.User-added image
  4. Afterward, scroll to the bottom of the Add Section panel, and click HTML.
  5. Click Embed custom code on the page.
    User-added image
  6. Click inside the new section to open up the HTML editor.
  7. Here, in the “Custom Code” box paste the aNinja Chatbot Embed Code.
    User-added image
  8. When you’re finished, click the Done at the top of the HTML panel.
  9. Click Preview to see the results.
  10. Lastly, make any additional changes, and when you’re ready click Publish.

Where do the Chatbot Conversations appear in aNinja

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

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.

Adding aNinja Chatbot to Squarespace Website

Adding aNinja Chatbot to Squarespace Website can be done by using a simple Javascript code. Which is the aNinja Chatbot Embed Code. Find your aNinja Chatbot Embed Code in your aNinja install before getting started.

Adding aNinja Chatbot to Squarespace Website

You can do this yourself or give this code to your developer.

  • In the “Home Menu“, click “Settings
  • Then hit  “Advanced
  • Click “Code Injection
  • Add the aNinja Chatbot embed code into the appropriate Code Injection fields for the footer.
  • After adding your code, click on the “Save” button.

Custom code doesn’t appear?

Custom code may not appear for a few reasons:

  • You’re logged in – As a security measure, code in a code block may not appear for you when you’re logged in, even if visitors can see it. This happens when you try to view embedded JavaScript over a secure connection (https://). To test this, visit your site in an incognito browser.
  • The code is on an index page – Your code might not render if you’ve added it to a page within an index. To test this, remove the page from the index within the Pages panel, then visit your site in an incognito browser.

If the code still isn’t working, reach out to support@aninja.com.

Where do the Chatbot Conversations appear in aNinja

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

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.

Adding aNinja Chatbot to Wix Website

Below are the steps for adding aNinja Chatbot into a Wix Website by using a simple Javascript code.

Adding aNinja Chatbot to a Wix Website

You can do this yourself or give this code to your developer.

  1. On your Wix Website, go to Dashboard > Settings
  2. Click the Custom Code tab in the Advanced section.
  3. Then hit + Add Custom Code at the top right.
  4. Paste the aNinja Chatbot Embed code snippet in the text box.
  5. Enter a name for your code.
    Tip: Give it a name that is easy to recognize so you can quickly identify it later.
  6. Here, select an option under Add Code to Pages:
    • All pages: This adds the Chatbot’s code to all of your site’s pages, including any new pages that you create in the future. Choose whether to load the Chatbot only once per visit or on each page your visitor opens.
    • Choose specific pages: Use the drop-down menu to select the relevant pages.
  7. Specify where to place your code under Place Code in:
    • Head
    • Body – start
    • Body – end
  8. Lastly, click Apply.

Your Chatbot is now embedded into your website. As a result, a new lead is created into your aNinja account after every chatbot conversation.

Where do the Chatbot Conversations appear in aNinja

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.

Adding aNinja Chatbot to your Website

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 codeAdding aNinja Chatbot to your Website
  • 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.

WordPress website

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

WordPress Websites

Wix Websites

Squarespace Websites

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.

Why is the Chatbot message popping-up on the first visit only

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.

If you wish, we can customize this option for you.

aNinja Leads Forms Integration Channels

aNinja Leads Integration Channels allow you to inject leads from your different channels into your aNinja account.

In this article, we show you all the integration channels with aNinja.

aNinja Leads Integration Channels

The following are links to the knowledge base pages. In these articles, you can find details of the integration, step by step.

Go ahead and click on the links and get all the instructions.

Before starting, please make sure you have your 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

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:

Where do the Chatbot Conversations appear in aNinja

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

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.

Creating aNinja Forms

For integrating forms data into aNinja, you can:

  1. 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.
  2. Use your existing forms (in this case we can adapt some Javascript code to push the lead into aNinja on form submission).
  3. If your site is a WordPress or similar, we also have plugins for those cases (Gravity forms, Contact Form 7, Hubspot Form).

In aNinja, you can create your forms and customize the content. When you embed those forms on your website, a lead is automatically injected into your aNinja account with every form submission.

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.aNinja Forms
  • You can add a “hidden input” that does not appear to the users when they fill up the form on your website.
    • A hidden input has a name and a value.
    • name: e.g. Custom_Form
    • value: e.g. aNinja contact form (or any title relevant to the form).
    • The custom field injected after the form submission will be: Form: aNinja contact 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 the “Input names” in the form fields, which 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).

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.