Skip to content

Integration of CRM with the site: step-by-step instructions

</> AI-friendly version

Today’s business can’t afford to lose customers due to chaotic lead management – HubSpot research shows that companies that automate the work with the lead form on the site increase conversion by 30-50%. Integrating CRM with your site is not just a technical upgrade, but a way to instantly capture every inquiry, track the customer journey and never miss an opportunity. For example, if you sell online courses, then thanks to synchronization with Bitrix24 or HubSpot, you can automatically send letters with an offer after the user fills out the form on the landing page.

Why integrate CRM with your site: key benefits

CRM integration with the site is not just a technical upgrade, but a way to make the business more efficient at all levels. Почнемо з головного: автоматизація збору даних. Instead of manually transferring requests from a website form to an Excel spreadsheet or notes, CRM captures them instantly. For example, when a customer leaves a request for a consultation or buys a product, the system immediately creates a card with contacts, interaction history and the status of the deal. This reduces application processing time by 30-50% and eliminates human error. In addition, the data is synchronized in real time — if the client has updated the phone number on the site, the changes will be reflected in the CRM without additional actions.

Друга перевага — покращена комунікація з клієнтами. CRM allows you to segment the audience by behavior on the website: who viewed the page with prices, who added the product to the cart, but did not place an order. На основі цих даних можна запускати таргетовані email-розсилки або дзвінки. For example, if the user abandoned the cart, the system automatically sends him a reminder with a promotional code for a discount – the conversion of such letters reaches 15-20%. Or another scenario: the customer downloaded the guide from your site, and CRM immediately assigns him the tag “interested in product X” so that the manager can prepare a personalized offer.

Нарешті, інтеграція підвищує конверсію завдяки прозорості бізнес-процесів. You see at what stage the deals “hang”, which channels bring the most quality customers, and where you lose money. For example, if 70% of requests from the site are not processed on time, CRM will identify this problem and help optimize the work of the sales department. Or if the traffic from Facebook converts 3 times better than from Google Ads, you can reallocate the budget. The result is less routine work, more sales and satisfied customers who receive quick and relevant answers.

Які дані можна синхронізувати між сайтом і CRM

Synchronization between the site and CRM is not just a transfer of data, but an opportunity to automatically collect and analyze information that really affects the business. For example, customer contact data: name, phone, email, company, position — all this gets into the CRM immediately after filling out the form on the website. No need to manually transfer each record: the system does it in seconds, reducing the risk of errors and saving time (according to HubSpot, automation reduces application processing time by 30-50%).

In addition to basic data, you can synchronize the history of interactions: which pages the user visited, which products he added to the cart, how much time he spent on the site. It allows you to track the client’s interests and build personalized communications. For example, if the user viewed the page with prices for the service several times, the CRM will record this and launch an automatic email with a consultation offer.

  • Online requests: not only feedback forms, but also requests for demos, calculation requests, news subscriptions – all this automatically enters the CRM with tags (for example, “Request for consultation” or “Request for a price”).
  • Behavior on the site: button clicks, video views, catalog downloads, even time spent on the page. This data helps to segment the audience and launch targeted campaigns. For example, if 70% of blog visitors download the guide, you can automatically send them an email offering a paid course.
  • Payments and orders: if the site has an online store, CRM can receive data about purchases, check amounts, payment status and even returns. This allows you to track the customer’s life cycle and offer additional products.

The main thing is to configure the integration so that the data is not just collected, but used for real business tasks: increasing conversion, reducing customer churn, automating routine processes. For example, if the client does not respond to an email within 3 days, CRM can automatically create a task for the manager to call and clarify the details.

Choosing a CRM system for integration with the site

Choosing a CRM for integration with the site is not about taking the first and best from the top of Google. It is worth starting with three key questions: what exactly you need to automate, how much you are willing to pay and whether the system will “make friends” with your site. For example, if you’re collecting leads via WordPress forms, make sure your CRM supports a REST API or has a built-in plugin — otherwise you’ll have to write custom code, which is an extra 10-20 hours of developer time. Don’t overdo it with functionality, either: Small businesses rarely need Salesforce’s $165/user/month predictive analytics when HubSpot offers a basic CRM for free.

Among popular options:

  • Bitrix24 is a universal harvester with a built-in site builder, chats and tasks. Suitable if you want everything in one place: integration with 1C, phone, messengers. Pricing starts at $49/month for 5 users, but the free plan is limited to 5GB of storage. Among the minuses, the interface is overloaded, it is difficult for beginners to understand.
  • HubSpot is ideal for marketers: email automation, website behavior tracking, A/B testing. The free version allows you to store up to 1 million contacts, but paid features (like automatic funnels) cost from $50/month. Easily integrates with WordPress through a plugin or API, but for complex scenarios you will have to purchase additional modules.
  • Salesforce is the choice of corporations and those who plan to scale. Flexible customization, AI forecasts, integration with ERP systems. But the price is biting: the basic tariff is $25/user, and Enterprise with all features is $330. For a small business, this is often overkill, and the setup requires the involvement of a certified specialist.

If your site is on Tilda or Wix, look for a CRM with ready-made integrations — for example, amoCRM or Pipedrive. For self-written solutions, it is better to choose systems with an open API (like Zoho CRM) or those that support webhooks. And do not forget about Ukrainian language support: not all CRMs have it, and this is critical for call centers or support services.

Which CRMs are best for small and medium businesses

For small and medium-sized businesses, CRMs that combine an affordable price, ease of configuration and convenient integration with the site are best suited. Here are some proven options:

  • HubSpot CRM is a free version with basic functions (contacts, deals, email tracking), and paid rates start at $20/month. Easily integrates with WordPress, Shopify, and other platforms via plugins or APIs. Ideal for starting, if you need to quickly start the system without unnecessary costs.
  • Bitrix24 — free plan for teams up to 12 users, paid from $49/month. It has a built-in site builder, customer chat and business process automation. Supports integration with popular CMS through modules or REST API.
  • Zoho CRM — free plan for 3 users, paid from $14/month. A flexible system with ready-made integrations for WooCommerce, Magento and other platforms. Suitable for businesses that plan to scale.
  • Pipedrive — from $14.90/month per user. A simple, sales-oriented interface with easy integration via Zapier or our own API. Works well for teams focused on lead conversion.
  • Amocrm — from $15/month per user. Ukrainian development with an emphasis on sales automation and integration with messengers (Viber, Telegram). Supports synchronization with sites on Tilda, Wix and other builders.

If the budget is limited, start with the free versions of HubSpot or Bitrix24 – they will cover the basic needs. For more flexible solutions, pay attention to Zoho CRM or Amocrm, especially if you need localization for the Ukrainian market. All listed systems have ready instructions for integration, so even without technical skills you can set them up in a few hours.

Preparing the site for CRM integration

Before integrating CRM with your site, make sure your platform is technically ready for it. Start by checking compatibility: Most modern CRMs (HubSpot, Bitrix24, amoCRM) work with WordPress, OpenCart, Shopify or custom PHP/JavaScript solutions, but version requirements may vary. For example, API integration often requires PHP 7.4+ or Node.js 14+, and some plugins require a minimum of 256MB of RAM on the server. Find the “Technical requirements” section in the CRM documentation and compare with the parameters of your hosting – if something does not match, update the software or change the tariff.

benefits of CRM

The next step is to set up feedback forms. CRM should receive data from all sources: order forms, newsletter subscriptions, chatbots. Check that all form fields (name, email, phone, comment) have correct names and data types — for example, the “Phone” field must accept only numbers, otherwise CRM will not be able to process it. If you use form builders (Elementor, Contact Form 7), export their structure to JSON or CSV to then map to fields in CRM. Do not forget to test the sending of data: fill out the form on the site and check whether the data is sent to the admin or to the mail – this will help to identify errors before integration.

Be sure to back up your site and database. Integration is an intervention in the code or settings, and even a small mistake can lead to data loss or site failure. Use plugins like UpdraftPlus (for WordPress) or built-in hosting tools (cPanel, Plesk) to keep a full copy of your files and database. Store backups on a separate server or in cloud storage, such as Google Drive or AWS S3. If the site is large (more than 5 GB), split the archive into parts to avoid errors during download.

Finally decide on the method of integration. The most common options:

  • API is the most flexible way, but requires programming skills. Suitable for custom solutions or if you need to synchronize specific data (for example, purchase history from an online store). Example: HubSpot’s REST API lets you send real-time lead data, but requires writing a script in PHP or Python.
  • Plugins are the easiest option for CMS. For example, for WordPress there are plugins like “HubSpot for WordPress” or “Bitrix24 Web Forms” that are configured in a few clicks. Minus: limited functionality and dependency on plugin updates.
  • Webhooks are ideal for automation. For example, when a user fills out a form, the webhook instantly sends the data to CRM without any additional code. Works with most CRMs, but requires setting up triggers (eg “new lead” or “call request”).

Choose a method depending on your technical capabilities and tasks. When in doubt, start with a plugin – it’s easy to install and test, then move on to APIs or webhooks as needed. Most importantly, make sure all data on your site is structured and backed up before integration – this will save you hours of troubleshooting.

Step-by-step instructions for integrating CRM with the site

Let’s start with choosing a CRM: if you don’t have a system yet, register with one of the popular ones – Bitrix24, HubSpot, amoCRM or Salesforce. Most offer free plans to get started (for example, HubSpot gives 1 million contacts in the free version). After signing up, log in to your control panel and look for the “Integrations” or “API” section. In Bitrix24 it is “Settings” → “Integrations” → “REST API”, in HubSpot it is “Settings” → “Integrations” → “API key” (or “Private Apps” for more modern versions).

Next, we generate access keys. In most CRMs, this is a token or an API key – copy it to a safe place (for example, to a password manager). If the system requires OAuth (like Salesforce), create a “Connected App”: in Salesforce it’s “Setup” → “App Manager” → “New Connected App”. Set the callback URL (for example, https://vashsayt.ua/auth/callback) and save the Client ID and Client Secret. For simplicity, use the API key first – it’s easier to test with.

  • Set up webhooks or API requests. If your CRM supports webhooks (like HubSpot or amoCRM), subscribe to events: new leads, status changes, payments. In HubSpot, it’s “Settings” → “Integrations” → “Webhooks” → “Create subscription”. Enter the URL of your site to receive data (for example, https://vashsayt.ua/api/crm/webhook) and select the events you want to track. If there are no webhooks, configure periodic synchronization via API (for example, once an hour).
  • Write the code to process the data. For PHP sites, use cURL or the Guzzle library. Here’s an example of a request to HubSpot to create a contact:
$apiKey = 'your_api_key';
$url = 'https://api.hubapi.com/crm/v3/objects/contacts';
$data = [
    'properties' => [
        'email' => '[email protected]',
        'firstname' => 'Ivan',
        'phone' => '+380661234567'
    ]
];
$headers = [
    'Authorization: Bearer ' . $apiKey,
    'Content-Type: application/json'
];
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$response = curl_exec($ch);
curl_close($ch);
echo $response;
  • For WordPress, use a plugin if you don’t want to write code. For example, “HubSpot for WordPress” or “Bitrix24 for WooCommerce” – they automatically synchronize orders and contacts. In the plugin settings, specify the API key and choose which data to transfer (orders, users, forms).
  • Test synchronization. Fill out the test form on the site or create a fake order. Check if the data has appeared in the CRM: in HubSpot it is “Contacts”, in Bitrix24 it is “Leads”. If something doesn’t work, look at the logs on the site side (in PHP – error_log()) and errors in CRM (in HubSpot – “Settings” → “API calls”). Typical problems: incorrect API key, missing mandatory fields (e.g. email in HubSpot), IP restrictions (whitelist your server IP in CRM settings).
  • Set up two-way synchronization. If you need changes in CRM to be reflected on the site (for example, order status), create a similar request in the reverse direction. In HubSpot, use GET /crm/v3/objects/contacts/{contactId} for this, in Bit

    Integration via API: configuration example

    Let’s consider integration via API using the example of Bitrix24, a popular CRM with an open API. The first step is to get access keys. In Bitrix24, this is done as follows: go to “Settings” → “Applications” → “Create an application”, select the “Web hook for incoming requests” type. Specify access rights (for example, crm for working with agreements, user for users) and save. The system will generate a webhook URL like https://your_domain.bitrix24.ua/rest/1/your_access_code/ — this is your API key.

    Now we write requests. For example, to create a new deal, we send a POST request to the /crm.deal.add endpoint with a JSON body:

    • { "fields": { "TITLE": "New Agreement", "STAGE_ID": "NEW", "CONTACT_ID": 123 } }

    Use Postman or cURL for testing. Here is an example of a cURL request:

    • curl -X POST "https://ваш_домен.bitrix24.ua/rest/1/ваш_код_доступу/crm.deal.add" -H "Content-Type: application/json" -d '{"fields": {"TITLE": "Тест"}}'

    Check the response – it should contain the ID of the new deal. If an error occurs, see the status code: 403 – rights problems, 400 – invalid data. Bitrix24 has handy documentation with examples for each method, so feel free to take a look there. The main thing is to remember to limit the number of requests (usually 2 requests/second) so as not to overload the server.

    Using plugins to integrate CRM with popular CMS

    Ready plugins are the fastest way to connect CRM to a site on popular CMS. There are dozens of solutions for WordPress: for example, HubSpot for WordPress (free, synchronizes contacts, forms and analytics) or Bitrix24 Plugin (integrates leads, orders and chats). The installation is standard: through the WordPress admin, go to “Plugins” → “Add new”, search for the desired one and activate it. After that, in the plugin settings, we specify the CRM API key (we generate it in the personal account of the system) and choose which data to transfer – for example, only new orders from WooCommerce or all forms from Contact Form 7.

    For OpenCart, they use modules like CRM Integration by iSenseLabs (supports amoCRM, Bitrix24, Salesforce) or Zoho CRM Connector. The process is similar: download the module archive from the official website, go to “Extensions” → “Installer” in the OpenCart admin, download the file and activate it. Next, in the module settings, we specify the CRM API URL, login/password or access token, as well as configure field mapping — for example, we map “Client’s phone” in OpenCart to “Mobile” in CRM. An important caveat: some modules require additional configuration on the CRM side, such as creating a webhook to automatically update order statuses.

    In Magento, the most popular solutions are Mageplaza CRM Integration (compatible with Salesforce, HubSpot, Zoho) and official extensions from CRM vendors (for example, Salesforce Commerce Cloud Connector). Installed via Composer or manually via FTP. After activation, a new section appears in the Magento admin where you need to specify the connection parameters (usually this is the API endpoint URL, authorization key and account ID). A feature of Magento is a more complex data structure, so you often have to manually write synchronization rules for custom attributes of products or customers. For example, if CRM has a Customer Type field (B2B/B2C), it must be mapped to the corresponding attribute in Magento, otherwise the data will not be transferred correctly.

    • Tip: Before installing, check the compatibility of the plugin with your CMS version – for example, a plugin for OpenCart 3.x may not work on OpenCart 4.x. Also, pay attention to CRM API request limits: some free plugins limit the number of synchronizations per day (usually 500-1000).
    • Configuration example: in the HubSpot plugin for WordPress, after connecting the API, you can choose which forms to send to CRM. If you have several forms (order, callback, newsletter subscription), you can specify a separate lead type for each in HubSpot – this will simplify further segmentation.

    Testing and debugging CRM integration with the site

    After configuring the CRM integration with the site, test its operation in real scenarios. Start by testing the forms: fill them out on the site and make sure that the data enters the CRM in the correct fields without delay. For example, if a customer leaves a request through the contact form, a new contact should appear in the CRM with filled fields “Name”, “Phone”, “Email” and others. Check data synchronization in the reverse direction – change the status of the deal in CRM and see if the information is updated on the site (for example, in the user’s personal account). If the data is not syncing, check the webhooks or API requests: often the problem lies in invalid URLs, missing permissions, or errors in the data format (e.g. JSON instead of XML).

    business automation

    Identifying errors is the next step. Enable error logs in CRM and on the site (for example, in WordPress you can do this via the WP Debug plugin or server log files). Common problems:

    • Duplicate contacts. Occur when CRM does not recognize the same email or phone numbers. Solution: Set up unique identifiers (e.g. email as key field) or use deduplication tools in CRM.
    • Synchronization delays. If data appears in CRM after 5-10 minutes, check processing queues (e.g. in Bitrix24 or HubSpot) or set up instant webhooks.
    • Validation errors. E.g. CRM rejects the phone in the format “+380 (XX) XXX-XX-XX”. Fix the input mask on the site or add a script to normalize the data before sending.
    • Missing fields. If no additional information is passed to CRM (for example, the selected item in the cart), make sure that all required fields are added to the API request.

    Test the integration on different devices and browsers – sometimes errors only occur in Safari or on mobile devices due to differences in JavaScript processing. After fixing the bugs, retest with real users: ask your colleagues to fill out the forms and check if everything works as expected. If the CRM supports A/B testing (like Salesforce), run two versions of the integration side by side and compare the results in 2-3 days.

    Automation of business processes after CRM integration

    After CRM integration with the site, the automation of business processes becomes not just a possibility, but a necessity – especially if you want to save time and avoid routine mistakes. Start by setting up triggers: for example, when a customer leaves a request on the site, the CRM automatically creates a deal, sends a notification to the manager in Telegram or Slack, and adds the contact to a certain segment. To do this, in most CRMs (HubSpot, Bitrix24, amoCRM), it is enough to select an event — “new application” — and attach an action to it: “send email”, “create task”, “update status”. In Pipedrive, for example, you can configure the automatic assignment of a deal to a specific manager depending on the product category or customer region – this reduces the response time from 2 hours to 5 minutes.

    Customer segmentation is another powerful tool. Instead of manually sorting contacts, set up automatic tags: “new customer”, “recurring customer”, “inactive 30+ days”. In Zoho CRM, this is done through rules: if the customer has not made purchases for 90 days, he is automatically sent an email with a promotional code for a discount. Or, for example, if the user added a product to the cart, but did not complete the order, CRM sends a reminder with a link to the cart after 2 hours – such triggers increase conversion by 15-20%.

    Don’t forget about automatic assignment of tasks. In Salesforce, you can configure that after the first call to the manager, a task to “prepare a commercial offer” is automatically created with a deadline of 24 hours. Or, for example, if the client opened the email, but did not respond, CRM assigns the task of “calling back” after 3 days – this eliminates the risk of losing the lead due to the human factor. The main thing is to test workflows on real data: run automation on 10-20 contacts, check the logs, and only then scale to the entire base.

    Common mistakes when integrating CRM with the site and how to avoid them

    Integrating a CRM with a website is a process where even a small mistake can cost you lost leads or distorted data. Most often, problems arise due to incorrect API settings: for example, if the wrong endpoint is specified or request limits are not taken into account (many systems, such as HubSpot or Salesforce, limit the number of calls per minute – 100-150 for basic tariffs). Result? Failures in synchronization, when part of the applications simply does not reach the CRM. It’s easy to fix: check the API documentation, test requests through Postman or Insomnia, and be sure to configure error handling — like retrying after 30 seconds if the server returns 429 (Too Many Requests).

    Duplication of data is another common problem. Imagine: a user fills out a form on a website, but due to a code or caching error, the request is sent twice, and two identical contacts appear in CRM. This not only spoils analytics, but also annoys managers who spend time removing duplicates. To avoid this, use unique identifiers (e.g. email or session ID) and check for a record in CRM before creating a new one. Bitrix24 or Zoho CRM have built-in deduplication tools – configure them to automatically merge duplicates by key fields.

    Security issues are often underestimated until a data breach occurs. For example, if API keys or tokens are stored in the site’s front-end code (even in hidden fields), they can easily be stolen using tools like Burp Suite. Or when data is transferred between the site and CRM without encryption — in this case, customer information becomes available for interception. Solution: Store secrets on the server (eg in environment variables), use HTTPS with TLS 1.2+, and restrict API access by IP address. For additional protection, add request verification via HMAC or JWT tokens – this will take an additional 2-3 hours, but will protect against most attacks.

    • Do not test the integration on “live” data. Create a test account in CRM and a separate copy of the site so as not to spoil real contacts. For example, in Pipedrive you can create a “sandbox” for developers.
    • Don’t ignore logs. 80% of errors are visible in server or CRM logs – set up monitoring (eg via Sentry or Datadog) and check them at least once a day.
    • Don’t forget about backups. Before making any changes in the integration, make a backup of the CRM database – so you can quickly roll back if something goes wrong.
Krasovskiy Blog