FAQs and Troubleshooting

Are you HIPAA compliant?

Are you SOC2 compliant?

Do you sign BAAs (Business Associate Agreements)?

Do you process or store personal data?

Do you provide DPAs (Data Processing Agreements)?

Do you conduct DPIAs (Data Protection Impact Assessments)?

Where is your code/platform hosted?

How do I place components side by side?

How do I center a button in my design?

How do I edit styles for specific screen sizes?

What do the device screen type options (Desktop/Mobile/Tablet) do?

What are the different button elements I can style?

How do I find my funnel submissions data?

How do I access production data vs. test data?

How do I capture UTM parameters and campaign IDs from incoming links?

You can capture UTM parameters and campaign IDs from incoming links in two ways:Method 1: Using URL Keys (Recommended)

In the builder, select nothing (press ESC) to see the Options tab for the Entire Embeddable settings.
Go to the Options tab and find the URL Keys section.
Add the UTM parameters you want to capture (e.g., utm_source, utm_campaign, utm_medium) - add one on each line.
These values will automatically be stored in UserData when users visit your page.

Method 2: Using Custom Code Create an Action with custom code, and set up a Trigger that executes the Action when the Embeddable is loaded:

function output(userData) {
  // Get UTM parameters from the URL
  const params = new URLSearchParams(window.location.search);
  const utmSource = params.get("utm_source");
  const utmCampaign = params.get("utm_campaign");
  const utmMedium = params.get("utm_medium");

  // Store in UserData or use as needed
  return {
    utm_source: utmSource,
    utm_campaign: utmCampaign,
    utm_medium: utmMedium
  };
}

The URL Keys method is simpler and automatically handles the capture. Use custom code when you need more complex logic or want to process the UTM parameters before storing them.

How do I reference multiple form elements in computed fields?

To access multiple form element values in a computed field, you can pull the keys of each input component from the first argument of the function.

// Computed Field: full_name
function result(userData) {
  return `${userData.first_name} ${userData.last_name}`;
}

The computed field receives a single object containing all your form element results. Make sure the property names in the destructuring match exactly with your form element names.

How do I add a phone number input field?

Add a regular Input component.
In the Options tab, set the Input Type to Phone.

Optional: To validate the phone number:

Under the Validation section, check Validate value.
Set Formula to Phone Number (US) or Custom formula.
If you choose Phone Number (US), the phone number will be automatically formatted as (xxx) xxx-xxxx.
If you choose Custom formula, you can use the something like the following formula to validate the phone number:

function validate(value) {
  return /^[\d\s\(\)\-]+$/.test(value);
}

This formula will allow numbers, parentheses, spaces, and dashes.

Can I prevent users from entering text in a phone input field?

Yes, there are several approaches to restrict phone input to numbers only:

Option 1: Use the built-in US phone validation (Recommended)

The simplest and most reliable approach is to use the built-in phone validation:

Set the Input component’s Input Type to Phone
In the Validation section, check Validate value
Set the Formula to Phone Number (US)

This automatically:

Formats the number as (xxx) xxx-xxxx as the user types
Validates the format is correct
Provides a consistent user experience
Handles edge cases and formatting automatically

The built-in validation is the most reliable option and handles all US phone number formats automatically.

Option 2: Custom validation with regex

For more control over the validation rules, you can use a custom formula:

Set the Input component’s Input Type to Phone
In the Validation section, check Validate value
Set the Formula to Custom formula
Write a custom function to validate the phone number, for example:

function validate(value) {
  return /^[\d\s\(\)\-]+$/.test(value);
}

Custom validation gives you more control but requires more testing and maintenance. The built-in option is recommended for most use cases.

Option 3: Remove disallowed characters immediately on type, using a custom action

Create an action that runs on page load to restrict input to numeric characters only:

function output(_, { setUserData }) {
  const input = document.querySelector(".ComponentKey-phone input");
  if (!input) return;

  input.setAttribute("inputmode", "numeric");

  input.addEventListener("input", (e) => {
    let value = e.target.value;
    let digits = value.replace(/\D/g, '');

    if (digits.length > 10) {
      digits = digits.slice(0, 10);
    }

    // Remove letters but keep formatting characters
    value = value.replace(/[A-Za-z]/g, '');
    e.target.value = value;
  });
}

Using custom actions to restrict input may interfere with the automatic phone number formatting. The built-in phone validation is simpler and more reliable.

Does the phone input automatically format numbers?

Get Started

Features

Guides & Best Practices

How To's

About These Docs

The Embeddables Platform

Compliance & Security

Data Processing & Privacy

Infrastructure & Hosting

Building with Embeddables

Design, Styling, and Layouts

Data & Analytics

Form Elements

Option 1: Use the built-in US phone validation (Recommended)

Option 2: Custom validation with regex

Option 3: Remove disallowed characters immediately on type, using a custom action

Get Started

Features

Guides & Best Practices

How To's

About These Docs

​The Embeddables Platform

​Compliance & Security

​Data Processing & Privacy

​Infrastructure & Hosting

​Building with Embeddables

​Design, Styling, and Layouts

​Data & Analytics

​Form Elements

The Embeddables Platform

Compliance & Security

Data Processing & Privacy

Infrastructure & Hosting

Building with Embeddables

Design, Styling, and Layouts

Data & Analytics

Form Elements