HubSpot aNinja Integration

HubSpot aNinja Integration allows you to make a real-time connection between your HubSpot calling leads and aNinja.

Overview

After the integration, if the lead that called in HubSpot was not saved in aNinja, this integration creates a new lead in aNinja; and it adds the call recording in HubSpot as well as in aNinja lead’s view, in the history section.

If the lead was already saved in aNinja, their lead view is updated with the call recording as soon as the call is made. And the phone recording show in both Apps.

Connecting HubSpot with aNinja

Before you start with the integration, make sure to log in to your HubSpot account.

In aNinja
  • Log in to your aNinja account.
  • On the left sidebar, click on Settings > Apps Marketplaces

Hubspot aNinja Integration

  • Then, click HubSpot > Install

Hubspot aNinja Integration

  • Choose the HubSpot account to integrate with aNinja.
  • Lastly, click Connect app.
  • Now your HubSpot account is connected with aNinja.
In HubSpot
  • Go to Contact > Call
  • Under Other provider, find aNinja dialer.

If there’s no record in aNinja for the lead that called in HubSpot, this integration creates a new lead in aNinja, and it adds the call recording in both apps.

Where does the imported data appear

After the integration, you can search your aNinja CRM for the imported leads.

Expanding the lead info

Eventbrite Webhooks aNinja Integration

In this article, we’re going to show you how the Eventbrite aNinja Integration can be done through Webhooks.

Using Webhooks

A webhook (also called a web callback or HTTP push) is a way for the Eventbrite API to provide aNinja with information. Webhooks delivers information to your aNinja account in real-time, meaning you get an immediate notification.

Currently, the webhooks provided by Eventbrite track six objects: Event, Order, Attendee, Organizer, Ticket Class and Venue. You should use these webhooks to ensure that aNinja remains compliant and compatible with Eventbrite. Make sure to follow the Eventbrite Engineering Blog to receive updates about our webhook implementation.

To implement webhooks, you need to:

  1. Make sure you have the necessary prerequisites.
  2. Create a webhook.
  3. Test the webhook.
Webhooks for the Event object

The following Event actions have webhooks:

  • Publish
  • Unpublish
  • Create
  • Update
Webhooks for the Order Object

The following Order actions have webhooks:

  • Place
  • Update
  • Refund
Webhooks for the Attendee Object

The following Attendee actions have webhooks:

  • Update
  • Check_in
  • Check_out
Webhooks for the Organizer Object

The following Organizer actions have webhooks:

  • Update
Webhooks for the Ticket Class Object

The following Ticket Class actions have webhooks:

  • Create
  • Delete
  • Update
Webhooks for the Venue Object

The following Venue actions have webhooks:

  • Update

The Composition of Webhooks

Webhooks are constructed as an HTTP request with the following composition:

  • Sent via the POST method
  • Application/JSON mime type defined in the headers
  • Valid JSON payload (i.e. the part of transmitted data that is the actual intended message).
Attribute Description
api_url Object whose creation or update triggered the webhook
config.endpoint_url Target URL specified when the webhook was created.

Example webhook JSON payload:

{
    "api_url": "https://www.eventbriteapi.com/v3/orders/1234567890/",
    "config": {
        "endpoint_url": "https://myawesomeapp.com/webhook"
    }
}

1- Prerequisites to Using Webhooks

In order to use webhooks, you need the following:

  • At least one Event.
  • An Eventbrite API User Key.
  • A registered integrated application (e.g. aNinja)
  • A public, online website that can receive webhooks. This can be built in Django, Flask, Rails, Node.js, PHP or any tool for the creation of web pages.

2- Creating a Webhook

To create a webhook:

  1. Go to the Webhooks Add
  2. Choose an Event.
  3. Enter the URL http://httpbin.org/post, then select the object for which you want to create a webhook.
  4. Click Add Webhook.

After that, you are directed to the newly created webhook detail page.

Testing a Webhook

You should test that your webhook is correctly implemented. To do so:

  1. On the webhook detail page, click Test. As a result, a test delivery request is generated.

The small, green ‘200 OK’ button corresponds to the HTTP status definition for a standard successful HTTP request. So, any webhook delivery request that returns a number beginning with 2 (two) is considered a success.

  1. Click ‘200 OK’. It expands, displaying the following information:

The Request Headers and Request Payload are what the Eventbrite webhooks system sent to the endpoint URL (i.e. aNinja). The Request Payload is valid JSON, which you can parse and use.

Conversely, the Response Headers and Response Body comprise the data sent back by the your receiving app. The delivery response is stored for 15 days.

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 are collected from the forms.

  • Lead’s contact 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
  • 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.

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

  • Log in to your GoDaddy account
  • Then, go to the Product page.
  • Scroll down to Websites + Marketing and select Manage next to your website to open your site.
  • Select Edit Website or Edit Site to open your website builder.
  • Then, select the page of your website where you would like the widget to appear.
    • Or alternatively, you can add a new page for the widget. Click the + button or Add.

User-added image

  • Search for the HTML section and select Add.
  • Then, click Embed custom code on the page.

User-added image

  • Click inside the new section to open up the HTML editor.

User-added image

 

  • Here, in the “Custom Code” box, paste the aNinja Chatbot Embed Code along with the following Chatbot widget code’s attribute:

data-platform="godaddy" e.g. <script async data-chatplaybook_id="<CHATPLAYBOOK_ID>" data-tenant="<TENANT>" data-platform="godaddy" src="https://aninja.com/chatbot/chatwidget_embed_script.js"> </script>

  • When you’re finished, click the Done at the top of the HTML panel. And your changes are automatically saved.
  • Click on Preview to see the results.
  • Lastly, make any additional changes, and when you’re ready click Publish.
  • Now, you should be able to see the chatbot on your website.

Where do the Chatbot Conversations appear in aNinja

Integrating your Chatbot with your website creates a new lead in your aNinja account after each conversation, with the lead data captured in the 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.

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

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.

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

Adding aNinja Chatbot to Wix Website

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

Find your Chatbot embed code, you’re going to use it for the integration.

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

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

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

Using Bootstrap design for aNinja forms

Bootstrap is a CSS library that you use to create modern websites and web apps. It’s open-source and free to use, yet features numerous HTML and CSS templates for UI interface elements such as buttons and forms. Bootstrap also supports JavaScript extensions. It is used for developing responsive websites.

In aNinja, Bootstrap is used to give aNinja forms a nice-looking design when embed on the website.

However, when embedding aNinja’s forms on your website, it might overwrite the Bootstrap used there.

The Form embed code for the Website

After creating your aNinja form, it generates a Javascript code that you need to embed your aNinja form on your website. It looks like this:

<script id=”aninja-form-1″ data-aninjaform=”true” data-skip_bootstrap=”false” charset=”utf-8″ type=”text/javascript” src=”https://aninja.com/forms/widgets/w1.js?v=”></script><script>aNinja.forms.create({ant:”demo”,form_id:”1″});</script>

We’ve added a data attribute inside this code that enables you to either include or skip Bootstrap design in the form.

Setting the Bootstrap design

  • If you set the Bootstrap design to False, then it excludes aNinja’s Bootstrap design in the form. This allows the website embedding the script to use the Bootstrap design used there, and it doesn’t get overridden. However, if there’s no Bootstrap design used in the website, then the form design will be off, as there won’t be any styling.
  • If you set the Bootstrap design to True, then it uses aNinja’s Bootstrap design and overwrites the one used on the website.
  • Now that you’ve decided whether to include or skip Bootstrap design; just copy the Javascript code and paste it on your website to post your aNinja form there.

If you need any assistance with this, just leave us an email at support@aninja.com. Our Support team will happily assist you!

Amazon Seller Central + Webhooks by Zapier aNinja Integration

Zapier allows the integration between Amazon Seller Central and aNinja using the webhooks by Zapier automatically. In this article, we’re going to show you how the Amazon + Zapier Webhooks aNinja Integration can be easily done.

What’s Zapier

Zapier is a tool that allows you to connect web apps together. An integration between two apps is called a Zap. And a Zap is made up of a Trigger and one or more Actions. Whenever the trigger happens in one app, Zapier will automatically perform the action in another app.

So you can set up the trigger step of your choosing.

Check this link to see how Amazon Seller Central + Webhooks by Zapier Integrations Work

Setting Up a Zap in Zapier

  • After setting up the first Trigger of the Zap, select “Webhooks by Zapier” to post into aNinja.
  • Choose Action Event
    • aNinja only supports receiving leads using a request because POST is more secure than GET.

  • Then, we need to find aNinja API Key
  • Under Submission URL field put:
    • https://aninja.com/api/v1/contactform/?apikey=YOUR_API_KEY
      • Example:  https://aninja.com/api/v1/contactform/?apikey=sample123-6yauyue5e
    • Enter the Posting URL
      – Copy & Paste in the Posting URL from above

Amazon Seller Central + Webhooks by Zapier aNinja Integration

Fields Mapping

Start mapping the data. Use the “+” icon in Zapier to choose the information that you’d like to map.

The “Data” field should be the aNinja Field Name.

These are the default aNinja fields:

  • Please note your field mappings may look different than the example screenshot below.

* For adding a custom field, simply add “Custom.” before the data field. For example Custom.source would automatically create a custom field and map data in your aNinja account.

Customizing
  • After mapping, you can skip these fields, as there is no need to make any alterations to these fields in Zapier.

Test & Continue
  • Next, review the data you’re trying to map and test!
  • Lastly, if there is any failure or error, please update the data accordingly.

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 contact 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 in your Amazon + Zapier Webhooks aNinja Integration? Leave us an email at support@aninja.com. And we will happily assist you.

 

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.

Chatbot embed on websites

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

WordPress Websites

Wix Websites

Squarespace Websites

Ueni websites

Godaddy 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.

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.

 

WordPress Forms aNinja Integration

WordPress Forms aNinja integration is a way to integrate WordPress websites into your aNinja account.

After the integration, a lead is injected into your aNinja account after each form submission.

aNinja Integration

WordPress Sites Integration

You can integrate and augment the functionality of popular platforms with aNinja, including Shopify, Squarespace, WordPress, and Wix.

  • 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

Fields mapping

Map the data on the aNinja fields and Form fields.

These are the default aNinja fields:

For the Custom Fields, just prefix the field name with “Custom.” e.g. Custom.Source

Where does the imported data appear

After the integration, you can search your aNinja CRM for your leads. You can also search for any custom field, opportunities, and any other info that was pushed from the form.

  • 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 afield 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 in your aNinja integrations? Leave us an email at support@aninja.com. We will happily assist you!

Gmail/Google Workspace email Setup With aNinja

Gmail/Google Workspace email setup with aNinja requires whitelisting aNinja to allow it to run in your systems.

Gsuite (aka Google Workspace) is supported. So, you must be the administrator of your Gsuite / Google Workspace account to enable “whitelisting”.

Enabling Whitelisting

The goal of having a whitelist is to protect a private network and its devices from outside attacks. Whitelisting aNinja means allowing it to run on your systems.

  • Then, click on Configure new app dropdown. And choose OAuth App Name Or Client ID

Gmail Setup With aNinja

  • Here, search for “Acquisition Ninja”

Gmail Setup With aNinja

Gmail Setup With aNinja

  • Then, hit Select to Enable

  • Lastly, mark as trusted

Gmail Setup With aNinja

Gmail Setup With aNinja

Once done with Gmail setup with aNinja, please follow the instructions here to connect your Gmail with Aninja.