Let’s talk
ServicesProjectsAboutResourcesContact Tell Us What You Need

How Website Integrations Work

What actually happens when your website sends a booking to your calendar or an inquiry to your CRM, the common methods, and why integrations break.

By Astel · Published · 4 min read

An integration is a connection that lets your website exchange information with another system: a CRM, a calendar, a payment processor, an email list, an inventory system. When it works, a customer fills in a form and the right things happen everywhere else without anyone lifting a finger.

Understanding the basics helps you ask for the right thing and recognize why a connection has stopped working.

What happens when a form is submitted

Take a booking request on a contractor's website.

  1. The visitor fills in the form and presses send.
  2. The website packages the answers as data.
  3. That data is sent to one or more other systems.
  4. Each system does its part: the CRM creates a contact, the calendar holds a slot, the messaging service sends a text.
  5. The website shows the visitor a confirmation.

All of that takes a second or two. The interesting part is step three, and there are four main ways to do it.

Four ways to connect

1. Embeds

The other system gives you a snippet of code that displays its own form, calendar or widget inside your page. The visitor is really interacting with the other system directly.

Used for: booking calendars, payment buttons, chat widgets, maps. Trade-off: fast to set up, limited control over appearance, and each embed adds loading weight.

2. Native integrations

Your website platform has a built-in connection to the other tool. You log in, grant permission and choose settings.

Used for: popular pairings, such as a common form tool and a common email service. Trade-off: reliable and simple, but only does what the provider designed it to do.

3. Integration platforms

A middleman service such as Zapier, Make or n8n receives the data from your site and passes it on, optionally transforming it or adding steps.

Used for: connecting tools with no native link, or chaining several actions. Trade-off: flexible without code, but adds a subscription and another point of failure. See our comparison.

4. Direct API connections

Custom code on your website talks straight to the other system's API.

Used for: custom sites, unusual requirements, high volumes or tight control. Trade-off: most capable and cheapest to run, but needs a developer to build and maintain. See what an API is.

One-way and two-way

One-way: the website sends data out. A contact form creating a CRM record is one-way. These are simple and dependable.

Two-way: information flows in both directions. A booking page that shows live availability reads from the calendar and writes to it. A store that shows stock levels reads from inventory and updates it on each sale.

Two-way integrations are far more useful and considerably more complex. Both systems must agree on what is true, and you have to decide which one wins when they disagree.

Real time or scheduled

Real time: the data moves the instant something happens, usually via a webhook.

Scheduled: the systems sync every few minutes or hours.

For bookings and stock, real time matters; a fifteen-minute delay can mean a double booking. For a nightly report, scheduled is fine.

Common integrations for a small business

Website featureConnects toPurpose
Contact formCRM, email, textCapture and respond to inquiries
BookingCalendar, remindersSchedule without phone tag
CheckoutPayment processor, accountingTake payment and record it
Newsletter signupEmail marketing toolBuild a list
Quote requestEstimating softwareStart the quote automatically
ReviewsReview platformShow current reviews
ChatMessaging or AI assistantAnswer questions

Why integrations break

They are dependable but not permanent. The usual causes:

  • A password or authorization expired. Many connections need re-approving periodically.
  • One system changed. An update renamed a field or retired a feature.
  • A plan limit was reached.
  • A field was changed on the form or in the CRM, so the mapping no longer matches.
  • Someone left and their account, which owned the connection, was closed.
  • The other service had an outage.

Most failures are silent. The form still appears to work. The data simply goes nowhere.

How to keep them healthy

  • Use a business account, not a personal one, to own each connection.
  • Turn on failure alerts.
  • Keep a backup route. Have forms email a copy of each submission.
  • Test monthly by submitting your own forms and checking the result everywhere it should appear.
  • Keep a list of every integration, what it does and which account owns it.
  • Re-test after any change to your site or connected tools.

Security and privacy

Every integration sends customer data to another company. Know which companies those are, make sure your privacy policy reflects it, and send only the fields each system needs. Payment details should go directly to a payment processor and never pass through or be stored on your own site.

Asking for an integration

When you brief a developer, describe the outcome, not the mechanism: "When someone requests a quote, I want a contact created in the CRM, a text sent to me and a confirmation email sent to them." A good developer will choose the method. Also say what should happen when something goes wrong, because that is the part that gets forgotten.

Need a hand?

Reading is free.
So is asking.

If this guide describes your situation and you would rather not do it alone, tell us what you are dealing with.

WebsitesAutomationAI systemsOngoing support