Tag: integrations

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!

Enabling IMAP in Yahoo mail

Enabling IMAP in Yahoo mail allows you to use IMAP (Internet Message Access Protocol) to sync your Yahoo Mail on aNinja app.

Overview of IMAP Protocol

IMAP is a protocol that allows you to download email messages from your Yahoo Mail server. It also allows you to access them with desktop email clients like Outlook/ Mac Mail and/or mobile email clients. So, you can configure Yahoo Mail on any standard IMAP email client using the IMAP and SMTP Server Settings.

Moreover, IMAP allows a two-way synchronization between the email clients and your Yahoo Mail account. It means that you can access the same account from multiple email clients.

Yahoo Mail IMAP Settings 

To access Yahoo Mail seamlessly in an email program, open the program’s new account section, and enter these settings:

  • Yahoo Mail IMAP server: imap.mail.yahoo.com
  • IMAP port: 993
  • IMAP TLS/SSL: yes
  • IMAP username: Your full Yahoo Mail address
  • IMAP password: Your Yahoo Mail password or app password
Yahoo Mail SMTP Settings
  • Yahoo Mail SMTP server: smtp.mail.yahoo.com
  • SMTP port: 465 (try 587 as an alternative)
  • SMTP TLS/SSL: yes
  • SMTP username: Your complete Yahoo Mail address
  • SMTP password: Your Yahoo Mail password

Enabling IMAP in Yahoo mail

  1. Sign in to Yahoo Mail.
  2. Go to your “Account security” settings.
  3. Turn on Allow apps that use less secure sign in.

Use 2-step with phone verification

You will receive a text or a call with a new code that you need to enter at sign-in.

  1. First, sign in to your Account Security page.
  2. Next to “2-Step Verification,” click Turn on 2SV.
  3. Then, click Get started.
  4. Select Phone number for your 2-step verification method.
  5. Lastly, follow the on-screen prompts to complete the process.

IMAP/SMTP Password in Yahoo mail

Follow these steps only if you have 2-Step-Verification enabled:

  1. First, position the mouse cursor over your name in the top Yahoo! Mail navigation bar.
  2. Then, select Account Info on the page that appears.
  3. Open the Account Security category.
  4. Select Generate App password under Account security.
  5. Click “Get started”
  6. Type your app’s name (aNinja)
  7. And click Generate password
  8. Use the generated password which is being displayed both in IMAP and SMTP sections in your email account settings.
  9. Lastly, click Done.

Enabling IMAP in iCloud mail

Enabling IMAP in iCloud mail allows you to use IMAP (Internet Message Access Protocol) to sync your iCloud Mail into aNinja app.

Overview of iCloud

Apple’s iCloud email is a great free service that is configured automatically on Macs and iDevices. If you work on multiple platforms or with non-Apple email programs, however, you’ll have to manually configure access.

Note that other forms of email, such as POP and Exchange, are not compatible with iCloud. So, make sure your email application or operating system supports IMAP email accounts.

iCloud Email IMAP settings

Email Settings Port Number
iCloud IMAP Incoming mail server:
imap.mail.me.com
993, requires SSL
143, non-secure
iCloud SMTP Outgoing mail server:
smtp.mail.me.com
587, requires SSL
465, non-secure
  • Configure IMAP settings for incoming mail
  1. First, enter the IMAP Server Name: imap.mail.me.com
  2. Then, set SSL to “Yes”
  3. Set the Port to 993
  4. And, se your full iCloud email address as your user name; for example: myname@me.com
  5. Lastly, enter your iCloud password, which is case-sensitive, in the password field
  • Set up your SMTP settings for outgoing mail
  1. First, enter the SMTP Sever Name: smtp.mail.me.com
  2. Then, choose “Yes” to SSL
  3. Set the Port to 587
  4. And, choose “Yes” to SMTP Authentication
  5. Use your full iCloud email address as your user name; for example: myname@me.com
  6. Lastly, enter your iCloud password, which is case-sensitive, in the password field

2 Factor Authentication in iCloud Mail

To generate and use app-specific passwords, your Apple ID must be protected with  two-factor authentication.

  • First, choose Apple menu  > System Preferences, then click Apple ID/ iCloud.
  • Then, click Password & Security under your name.
  • Lastly, hit Turn On Two-Factor Authentication.

Generating iCloud Mail App Password

If you wish to sync your iCloud email in aNinja, then you will need to generate an app password.

  1. Sign in to appleid.apple.com.
  2. In the Sign-In and Security section, click App-Specific Passwords.
  3. Click Generate an app-specific password or click Blue plus sign icon., then follow the steps on your screen.

After you generate your app-specific password, enter or paste it into the password field of aNinja.

Enabling IMAP in Zoho mail

Enabling IMAP in Zoho mail allows you to use IMAP (Internet Message Access Protocol) to sync your Zoho Mail on aNinja app.

Overview of IMAP Protocol

IMAP is a protocol that allows you to download email messages from your Zoho Mail server. It also allows you to access them with desktop email clients like Outlook/ Mac Mail and/or mobile email clients. So, you can configure Zoho Mail on any standard IMAP email client using the IMAP and SMTP Server Settings.

IMAP allows a two-way synchronization between the email clients and your Zoho Mail account. It means that you can access the same account from multiple email clients.

Zoho Mail IMAP Server Details

You can configure your Zoho Mail account on any standard IMAP client with the configuration details given below.

Incoming Server Settings (Personal users with an email address, username@zoho.com):

Incoming Server Name: imap.zoho.com
Port: 993
Require SSL: Yes
Username: username@zoho.com 

Incoming Server Settings (Organization users with a domain-based email address, you@yourdomain.com):

Incoming Server Name: imappro.zoho.com
Port: 993
Require SSL: Yes
Username: you@yourdomain.com 

Outgoing Server Settings: (Personal users with an email address, username@zoho.com):

Outgoing Server Name: smtp.zoho.com
Port: 465 with SSL or
Port: 587 with TLS
Require Authentication: Yes

Outgoing Server Settings (Organization users with a domain-based email address, you@yourdomain.com):

Outgoing Server Name: smtppro.zoho.com
Port: 465 with SSL or
Port: 587 with TLS
Require Authentication: Yes

User Name:  Enter your Zoho username or your complete Zoho Mail address. If your domain is hosted with Zoho, then your email address will be in the format you@yourdomain.com.

Email Address: Enter Your Zoho Mail address. If your domain is hosted with Zoho, then your email address will be in the format you@yourdomain.com.

Password: Enter your Zoho account password. You might require an Application-specific Password if Two-factor Authentication is enabled.

Enabling IMAP Access

To enable IMAP Access for your email account:

  1. First, log in to Zoho Mail
  2. Then, go to Settings ​
  3. Navigate to Mail Accounts and click the respective email address from the left listing.
  4. Lastly, under the IMAP section, check the IMAP Access box.
    ​Enabling IMAP in Zoho mail

IMAP/SMTP password in Zoho mail

Follow these steps only if you have 2-Step-Verification enabled.

  1. First, log in to Zoho Accounts
  2. From the left menu, navigate to Security and click App passwords
  3. Then, click Generate New Password.
  4. You will have to give a name the name of your application for future reference. Enter the name and click Generate.
  5. Lastly, your password will be generated. And you can use it to log in from one application.

Note:

  • The device-specific password will be displayed only once and will not be displayed again.
  • When providing the password to your email clients, enter it without any spaces.
  • You can delete an application-specific password whenever you longer use that device or application or want to revoke access to that application.

Enabling IMAP in AOL mail

Enabling IMAP in AOL mail allows you to use IMAP (Internet Message Access Protocol) to sync your AOL Mail into aNinja app.

Overview of IMAP protocol

IMAP allows us to sync aNinja and your account to keep the information in both places identical. This means that anything you do with messages or folders in your account at mail.aol.com will also occur in the app (and vice versa).

Below are the IMAP server settings you’ll need to use for AOL Mail and links to common email app setup instructions.

Incoming mail server (IMAP): imap.aol.com

Outgoing mail server (STMP): stmp.aol.com

Enabling IMAP in AOL mail

Please follow these steps to enable IMAP in AOL mail:

Check that IMAP is turned on
  1. Sign in to your AOL account information page.
  2. Click Account Security
  3. Turn on “Allow apps that use less secure sign in”
IMAP/SMTP password in AOL mail

Follow these steps only if you have 2-Step-Verification enabled.

  1. Go to the Account security page.
  2. If prompted, sign in to your account.
  3. Click Generate App Password
  4. Then, click Genetate
  5. Use the generated password which is being displayed both in IMAP and SMTP section, in your email account settings in Hotter.

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.

 

Wix aNinja Webhook integration

aNinja allows you to integrate your Wix Website into your aNinja account.

In this article, we show you how the Wix aNinja integration can be easily done.

Wix 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

Enabling Wix Form Webhooks

To get your Wix forms to push the form submission information into aNinja, you can use webhooks in Wix.

  • First, on your Wix site, start by enabling Velo Dev Mode:
    • This is as simple as going to your site (Edit site), and in the top bar where Dev Mode is indicated, turning on Dev Mode.
  • Next, you can go back to your Wix dashboard, and under Automations, click to add a new Automation.
  • Then, choose a Trigger event (for example on all form submissions).
  • Now, choose the webhook option.
  • And, configure the webhook to point to the aNinja webhook handler for Wix:
    • https://leads.aninja.com/handlers/wix/redirect.php
  • Then, choose “Customize structure” to map the form fields to the aNinja fields.

These are the default aNinja fields:

  • Lastly, hit Save and test it out with a form on your Wix site.

Need help in your Wix aNinja integration? Leave us an email at support@aninja.com. We will happily assist you!