Integrating Hubspot forms with aNinja

In this article, we show you how integrating the Hubspot forms with aNinja can be done in 2 steps.

The integration allows you to forward leads into your aNinja account simply using a programming code or an API. Which allows you to augment the number of your leads.

1- In Hubspot Marketing Hub, Edit your page, then, go to page Settings > Advanced Options.

2- In Footer HTML add the following Javascript (here, you will need to adapt the code to your form and use your aNinja API key).

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<script>

$(document).on(‘submit’,’form’,function(){
var contact_name = $(“input[name=’firstname’]”).val() +” “+$(“input[name=’lastname’]”).val();
var contact_email1 = $( “input[name=’email’]”).val();
var contact_phone1 = $( “input[name=’phone’]”).val();

    $.ajax({
        type: 'POST',
        url: "https://aninja.com/api/v1/contactform/?apikey=YOUR_ANINJA_API_KEY_HERE",
        data: {
            'contact_name': contact_name,
            'contact_email1': contact_email1,
            'contact_phone1': contact_phone1,
            'your-comments': 'From my Hubspot form'
        },
        success: function (data) {
            console.log('[Info] aNinja form submitted successfully');
        }
    });
});

</script>

  • Also, check if your Hubspot plan offers Workflows. If so, you can post the Form submission to aNinja through a Workflow webhook in Hubspot.

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

Need help integrating Hubspot forms with aNinja? Leave us an email at support@aninja.com. We’re more than happy to assist you.

Customizing the design of email templates

Email templates can be in plain text or in HTML. Customizing the design of email templates allows you to create a new template entirely from scratch using whatever HTML or design you like.

You can customize HTML templates and include inline CSS and images.

Customizing the design of email templates

  • Any standalone CSS can be added into the source code view of the HTML template.
  • Inject this source code in the body of your email template by clicking on the source code icon (the 2 brackets icon < >) in the email template editor.

  • From the lead view, create an email and either use the customized template, or insert the source code by using the (the 2 brackets icon < >).

  • Choose the customized template to send a Bulk email.
  • Make sure to add any changes to the email before sending it.

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

Embedding aNinja Form on Godaddy page

Embedding aNinja Form on Godaddy page creates a lead into your aNinja account with every form submission.

In this article, we’re going to show you how you can embed the aNinja form on your Godaddy page.

Embedding aNinja Lead Form on Godaddy page

  • Choose the website you want to edit in your GoDaddy account.
  • Choose the Page (or add a new page) where you want to add an aNinja Lead Form in the right-side panel of the Godaddy Website builder.
  • Click “Add Section” to add a new section to your Godaddy page, and choose “HTML” in the section types.
  • Paste the aNinja Lead Form code in the “Custom code” box in the Godaddy section sidebar.
  • Hit Preview then publish.
  • Your integration between aNinja Lead forms and GoDaddy is now complete.

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

Need help? Leave us an email at support@aninja.com. We’re more than happy to assist you.