Convert more B2B leads thanks to no-code with Webflow, noCRM.io and Zapier

nocrm_webflow_integration

As a salesperson, you know how crucial converting prospects is to your business. You can adopt different strategies, but it all boils down to one thing: selling and selling more!

Among these strategies, many of us make use of emailing campaigns. In order to optimize the open rate and the conversion rate, you have probably already adopted different personalization methods. The problem now is that while your emails have good click-through rates, they still don’t convert. 

The issue could therefore be coming from the landing page to which you are redirecting your prospects. Ideally, it would be best to have a personalized landing page for each of them to catch their attention, and to make them quickly understand the benefits of your product for their business.

But, creating hundreds of landing pages for your prospecting seems a bit ambitious, time and resource-consuming, and hard to achieve, right? 😫

What if we told you that you could automate the generation of personalized landing pages for each one of your prospects using no-code? 

We’ll take you through the steps in this article.

The challenge: How to use further personalization in your email campaigns?

noCRM_Webflow_integration_to-convert_more

Your emailing campaigns are launched: you made sure to personalize your content and the subject of your email by adding variables such as “Company name” and the “First name” of your contact. 

Your emails have great open and click-through rates, but despite that, your prospects are not converting.

If their journey stops at your landing page, then it might be because it is not optimized enough.

Put yourself in the shoes of one of your prospects and analyze your page:

  • Do I understand how the issue relates to me?
  • Do I understand what the proposed product or service is and does this solution solve one of my problems?
  • Can I see the value and the advantages it will bring me on a daily basis?

The answers are mixed? Then your prospects probably don’t feel sufficiently targeted by your landing page.

To resolve this, an effective method would be to create dedicated landing pages, which would immediately trigger their curiosity. By displaying, for example, their logo followed by yours, the visitor will immediately want to pay more attention to the content of your page. 

This dedicated landing page will give you more space and the opportunity to highlight the advantages of your product/service according to the needs and challenges of the targeted prospect. This way, they can already see themselves using your product/service and accept to book a demo or sign up to test the product, etc. 

Of course, one problem remains: you and your salespeople have no time to create hundreds of landing pages. That time should be spent doing what they do best: selling.

And this is where no-code and automation come in.

The solution: automating the creation of personalized landing pages with no-code

To solve your problem, it is possible to automate the creation of landing pages on Webflow thanks to no-code. This means that personalized landing pages, for each one of your prospects, will be created automatically in no time.

To better understand how this is possible, Pierre Vandekerckhove, co-founder of Bolk Studio, explains the process during the Webflow World Tour 2020:

🎥 Bolk is a design studio specialized in website creation and redesign. With their team of 60 freelancers, they are able to tailor teams to create or improve your branding, website design and manage its development with Webflow.

Our priority is also not to waste your salespeople’s time. Therefore, we have created an automation process to link Webflow to your lead management software, noCRM.io, so that you can directly manage the delivery of landing pages and the management of leads and prospects in the same place. This integration between Webflow and noCRM.io is done easily through Zapier. 

By following this process, your salespeople will no longer have to jump between different tools, let alone deal with landing page creation in Webflow. As soon as a new prospect is created in noCRM.io, a new personalized landing page will be generated! 🪄🪄🪄

So, all they will have to do is to manage their prospects efficiently from within noCRM.io as they usually do.

noCRM.io, lead management software

Logo-nocrm-io

Among the tools we will use for our process is noCRM.io.

noCRM.io is a lead management software that allows salespeople to manage their sales and optimize their conversion rate.

It offers the possibility for sales representatives to always know what their sales activities are for the day, to visualize the status of their leads in the pipeline, and to carry out their cold prospecting in a dedicated interface, all in an easy-to-use platform.

Sign up for a free trial on noCRM.

Webflow, no-code software to create your website

webflow_logo

The second essential tool to our process is Webflow.

This no-code web design tool offers the ability to create your website without needing to know how to code! Its intuitive drag-and-drop interface allows you to create branded and beautiful pages, with ease.

Sign up for a free trial on Webflow.

Setting up the automation of personalized landing pages

Your noCRM.io, Webflow and Zapier accounts are ready? Then just walk through the following steps, and you’ll be able to enjoy dynamic, personalized landing pages that really convert.

Prepare a sample landing page in Webflow

Before implementing our process in Zapier, a few prior steps are necessary.

First, go to your Webflow account and create a sample landing page for one of your prospects. Don’t forget to add different customization elements in a “CMS Collection” (Content Management System). 

You can, for example, add the name of the company, a screenshot of their website or their logo, which will be displayed on the landing page created.

Here is an example created by Bolk Studio :

BolkStudio_LandingPage_Automatisation
Landing Page created by Bolk Studio
BolkStudio_LandingPage_Example
Landing Page created by Bolk Studio

Set up a prospecting process in noCRM

Next, you need to go to your noCRM.io account. First, check that your sales pipeline is created and configured. If it is not, make sure you create it with the right sales steps. You can follow our 1 sales process example:

Conversation → Interested → Qualified → Demo done → Trial → Closing

noCRM_pipeline

Next, you will need to create a prospecting list that will be dedicated to the prospects for whom you want to generate landing pages.

You can create it manually or by importing an Excel or CSV file.

In your prospecting list, you will need to define the fields that correspond to the personalization items you have entered in your Webflow landing page. For example, if you decided to include the company name, an image of their website, and their logo, you would have to set the following additional fields:

Slug, Company Name, Company URL, Logo URL, Website Image URL, Page URL.

You must keep in mind that these fields must not only be identical to those used for your landing page items in Webflow, but they must also be identical to the default fields of your leads in noCRM.

If some are missing from your default fields in noCRM, you just have to add them by accessing the admin panel.

By setting up this step, when you create a new lead you will have to fill in all this information, which is necessary to create the landing page.

Integrate Webflow with noCRM.io through Zapier

To create your custom landing pages, you could do it by manually exporting your prospects from noCRM to a CSV file, and then importing the items back into Webflow.

But, in addition to saving time by automating landing page creation, it is also important that your salespeople do not waste time switching between their different tools.

Thanks to Zapier, the no-code platform, you will be able to connect your Webflow account to your noCRM account and have your landing pages created without any manual intervention in Webflow.

Before you start setting up your Zap, you need to connect your noCRM.io and Webflow accounts to your Zapier account.

noCRM_Webflow_automation_with_Zapier

Step #1 :

The aim of this first step is to transfer the information present in noCRM to Webflow. So when a new prospect is created in noCRM, the necessary items are automatically added to Webflow, and the personalized landing page is generated.

1. First, create a Zap in Zapier.

2. Then, create a “trigger” and choose “noCRM” as the “Event app”, and “New prospect created…” as the “trigger event”.

noCRM_new_prospect_created_Zapier_trigger

3. Create an “action” and chose “filter by zapier” as the “app event”.

In the field “Only continue if” choose “Prospecting List” and “(Text) Exactly matches” and write the name of your noCRM prospecting list.

noCRM_only_continue_if_Zapier_action

4. Create a third “action” and choose “Webflow” as the “Event app”, and then “Create Live Item” as the “Action App”.

Webflow_create_live_item_Zapier_action

In the field “Site”, choose your website. In the field “Collection”, choose the collection that you have previously created on Webflow, with the personalized items for your landing page.

You will then have to link all the fields defined for your prospects in noCRM, to those of the corresponding Webflow Items, by selecting them in each field proposed in this Zap.

The first step of this no-code process is completed. Now, each time a new prospect is added to your prospecting list, a new dedicated landing page will be created.

→ Step #2 :

Once this process is set up, it is now up to your salespeople to contact their prospects.

They can either contact them manually by writing emails or by using templates. They can also automate an email sequence directly from noCRM. This way, they won’t have to follow up on each prospect manually.

Of course, you must not forget to include the URL of the personalized landing pages in your emails.

After being contacted, prospects must be converted into leads by your salespeople, which are then moved into your sales pipeline in the “Contacted” step, if you have followed our example. Turning them into leads is important for the rest of our process.

Now all you have to do is wait for the prospects to fill out the form on your landing page if you choose to include one.

But once the form is filled out, the information needs to be updated in your noCRM pipeline, so your salespeople know that they have scheduled demos, or made contact by phone, and have visibility into how their leads are progressing in their sales process.

For this, you will need to use no-code again, and create another Zap.

→ Step #3 :

This third step will allow your sales team to know which leads have completed your form. This means that when a demo request is made, the lead will move from the “Contacted” stage to the “Qualified” stage in your pipeline.

1. First of all, create a Zap in Zapier.

2. Create a “trigger” and chose “Webflow” as the “Event app”, and “Form submission…” as the “trigger event”.

Webflow_form_submissions_trigger_Zapier

3. Next, create an “action” and choose “noCRM” as the “app event”, and “Change Step” as the “Action Event”.

noCRM_change_step_Zapier_action

With this process, the leads will be present in the right step of your pipeline without any manual intervention from your sales team. This way, they will be able to carry out the demo requested or any other action that you have defined.

The results of personalized landing page automation with no-code

Once the no-code process is in place, you will be able to see the benefits of the automation of personalized landing pages creation.

Your sales reps will be able to convert more, and get qualified leads more easily, without the need for extra effort.

Thanks to Webflow, noCRM.io and Zapier, your prospecting process will be optimized, allowing your sales reps to stay focused on their core tasks, while increasing your sales!