LogoLogo
Get a demoLog inAcademyDevelopersMore docs
  • Bird CRM docs
    • Explore all products
    • Use cases
      • Bird for travel
        • Abandoned search recovery
        • Flight confirmation
        • Holiday search campaigns
        • Price change alerts
    • About Bird CRM
  • Inbox
    • Inbox
      • Concepts
        • Reports
      • Admin guide
        • Agents
          • Invite an agent to Inbox
          • Remove an agent from Inbox
          • FAQs
        • Tags
        • Routing
        • Teams
        • Feeds
        • Sender profiles
        • Reporting
      • Agent guide
        • 📚1. The basics
        • ⏰2. Your availability status
        • ✉️3. Send and receive messages
        • 💬4. Manage conversations
        • 👥5. View conversation participants
        • 👤6. View a contact's profile
  • Campaigns
    • Campaigns
      • Quickstarts
        • Send a campaign
      • Concepts
        • A/B tests
          • FAQs
        • Branded links
        • Calendar view
        • Campaign tags
        • Frequency limits
        • Scheduling
      • How-to
        • Schedule a campaign
        • Run an A/B test
        • Replicate a campaign
    • WhatsApp campaigns
      • How-to
        • Send a WhatsApp campaign
    • Email campaigns
      • How-to
        • Send an email campaign
    • SMS campaigns
      • Concepts
        • Best practices for MMS campaigns
      • How-to
        • Send an SMS campaign
    • Push notifications
      • How-to
        • Send a push notification campaign
    • New Campaign Builder
  • Automation
    • Journeys
      • Quickstarts
        • Create an abandoned cart recovery journey
      • Concepts
        • Journey templates
        • Journey runs
        • Journey insights
        • Journey reports
      • How-to
        • Use a send message step in a journey
        • Use a wait step in a journey
        • Use a conditional step in a journey
        • Use an update contact step in a journey
        • Use an end journey step in a journey
    • Flows
      • Quickstarts
        • Use template flows
        • Build an inbound flow
      • Concepts
        • Capabilities and limitations
        • Triggers
          • Agent triggers
          • Connector triggers
            • HubSpot triggers
          • Contact triggers
          • Conversation triggers
          • Feed item triggers
          • Message lifecycle triggers
          • Voice triggers
          • Webhook triggers
          • HTTP endpoint trigger
          • WhatsApp flow endpoint trigger
        • Actions
          • Bird API actions
            • Bots actions | API
            • Channel actions | API
            • Collaboration actions | API
            • Conversation actions | API
            • Engagements actions | API
            • Number management actions | API
          • Core actions
            • How to set up global variables in Flows
            • How to use the Filter Array Step
            • How to use the "Await Webhook" Step in Flows
          • Contact actions
          • Channel actions
          • Conversation actions
          • Connector actions
            • HubSpot actions
            • Open AI actions
          • Voice actions
      • How-to
        • Route conversations based on language
        • Route conversations based on sentiment
        • Set up a business hours auto-responder
        • Create a simple auto-responder
        • Set up conversational marketing
        • Create an FAQ bot
        • How to Match Regex in Flows
        • How to Change the Trigger of a Flow from One Messaging Channel to Another
        • How to Change the Trigger of a Flow from One Messaging Channel to Another
    • Approval Flow
  • Audience & Contacts
    • Sign-up forms
      • Quickstarts
        • Create a sign-up form
        • Create quizzes
      • Concepts
        • Sign-up process
        • Display
        • Colors
        • Targeting
        • Languages
        • Sign-up form analytics
    • Lists and segments
      • Quickstarts
        • Create a segment
      • Concepts
        • Segments
        • Lists
      • How-to
        • Create a segment based on contact activity
        • View contacts in a segment
        • Edit the setup of a segment
        • Delete a segment
        • Create a list
    • Contacts
      • Concepts
        • Contacts
        • Contacts directory
        • Contact profiles
        • Consent and subscriptions
          • Suppressions
          • Managing unsubscribes
          • Opt-ins, consent, and subscription statuses
            • Contacts with a 'blank' subscription status
      • How-to
        • Add contacts
        • Update the subscription status of your existing contacts
        • Send marketing campaigns to contacts with a 'blank' subscription status
        • Export contacts
        • How to bulk delete contacts
  • Content
    • Email templates
      • Concepts
        • Email content, styling, and personalization
        • Email design best practices
        • Advanced Email Templating
      • How-to
        • Create an email template
        • Import a custom HTML email
        • Use a prebuilt email template
        • Create personalized abandoned cart, browse and order placed emails
    • Message templates
      • Quickstarts
        • Create a message template
      • Concepts
        • Localization
        • Versioning
        • WhatsApp message templates
          • WhatsApp approved message templates
          • Reply to open conversation message template
          • Commerce messages
        • Apple Messages for Business
        • Push notifications
      • How-to
        • Localize a message template
        • Add variables to a message template
        • Create an SMS message template
        • Apple Messages for Business
          • Use dynamic variables in Apple Messages templates
          • Create a text Apple Messages template
          • Create an image Apple Messages template
          • Create a location Apple Messages template
          • Create a file Apple Messages template
          • Create a rich link Apple Messages template
          • Create a list picker Apple Messages template
          • Create authentication Apple Messages message types
          • Create a quick reply Apple Messages template
          • Create a time picker Apple Messages template
          • Create an iMessage App message template
          • Create a payment Apple Messages template
        • WhatsApp message templates
          • Create a WhatsApp approved message template
          • Create a reply to open conversation WhatsApp message template
          • Create a single product WhatsApp message template
          • Create a catalog WhatsApp message template
          • Create a coupon WhatsApp message template
          • Create an action WhatsApp message template
          • Create a limited time offer WhatsApp message template
          • Create a carousel WhatsApp message template
          • Create Approved WhatsApp Flows Template
          • Create reply to open conversation WhatsApp Flows Template
        • Create Push Notifications message templates
    • Chat widgets
      • Concepts
        • Send and receive messages
      • How-to
        • Build and install a chat widget on a Shopify store
        • Build and install a chat widget on your website
    • Media Library
      • How to Upload Images to the Media Library
    • Translation files
      • Creating and using translation files
    • External Data Sources
    • Lookup Tables
    • Discounts
    • Lookup tables
      • Managing lookup tables
      • Using lookup tables in Flows
    • Products
      • Custom Product Catalog Source
  • Analytics
    • Analytics
      • Concepts
        • Reporting metrics
        • Understanding the Attribution Model
        • List-unsubscribe in email headers
        • Understand Open Tracking
    • Channel analytics
      • Concepts
        • Channel logs
      • How-to
        • Analyze the performance of your channels
    • Campaign reports
      • Concepts
        • WhatsApp campaign reports
        • Email campaign reports
        • SMS campaign reports
      • How-to
        • View campaign reports
        • View A/B test campaign reports
        • See an overview campaign performance
  • Channels
    • Channels
      • Concepts
        • Quiet hours
      • Quickstarts
        • Find and install a channel
        • View information about an installed channel
        • View Channel Logs
      • Supported channels
        • Apple Messages for Business
          • Quickstarts
            • Install Apple Messages for Business
            • Use Apple Messages for Business
          • Concepts
            • Typing indicators
            • User device capabilities
          • How-to
            • Complete onboarding
            • Use entry points
            • Route messages
            • Send messages
            • Use Apple Pay
        • Email
          • Install email
          • Forwarding emails from Gmail
          • IP pools
          • Configure BIMI
        • Facebook Messenger
          • Install Facebook Messenger
          • Use Facebook Messenger
          • Facebook Messenger message types
        • Instagram Messaging
          • Install Instagram Messaging
          • Use Instagram Messaging
          • FAQs and Best Practices
          • Instagram message types
        • LINE
          • Install LINE
        • LinkedIn Pages Messaging
          • Install LinkedIn Pages messaging
          • Use LinkedIn Pages Messaging
          • LinkedIn Pages Messaging Types
        • Numbers
          • Quickstarts
            • Find and buy a new number
            • Activate a number
          • Concepts
            • Number types
            • Know-Your-Customer (KYC)
            • Activation, approval, and rejection
            • Number restrictions in China
          • How-to
            • Use a number
            • Cancel a number
            • Troubleshooting
            • FAQs
        • Push notifications
        • Google RCS
          • Create a Google RCS agent and install Google RCS as a channel
          • Testing and launching your agent
          • Create a Google RCS message template
          • RCS message template types
          • Create and send a Google RCS campaign
          • Create an RCS lead nurture journey with a fallback
          • Use RCS with an AI Agent
          • Grow RCS subscribers with a sign-up form
        • SMS
          • Quickstarts
            • Install SMS
            • Toubleshoot SMS Deliveries Faliures
            • (Missing) SMS delivery status
            • Troubleshoot Channel Health
          • Concepts
            • SMS parts and message length
            • SMS message types and compliance
            • Opt-in and opt-out compliance
            • Choose the right sender : Availability and restrictions by country
              • SMS Country Information Guide: Africa (A-L)
              • SMS Country Information Guide: Africa (M-Z)
                • South Africa
                • Nigeria
              • SMS Country Information Guide: Asia (A-K)
                • Japan
                • India
                • China
              • SMS Country Information Guide: Asia (L-Z)
                • Malaysia
                • Singapore
              • SMS Country Information Guide: Caribbean
              • SMS Country Information Guide: Central America
              • SMS Country Information Guide: Europe (A-M)
              • SMS Country Information Guide: Europe (N-Z)
              • SMS Country Information Guide: Middle East
                • United Arab Emirates
              • SMS Country Information Guide: North America
                • Messaging Best Practices - NORAM SMS / MMS
                • Canada
                • United States
                • Prohibited Content - NORAM SMS / MMS
              • SMS Country Information Guide: Oceania
                • New Zealand
                • Australia
              • SMS Country Information Guide: South America
            • MMS sizes and limitations
            • Automatic sender selection
            • SMS Registration
              • Use case requirements for SMS Registration
              • Setting up a SMS consent flow
              • SMS Privacy Policies
              • SMS Toll-free number
                • TFN Verification
                • Additional Costs for using TFN
                • How-to Guides
                  • Purchase a Toll Free Number via Bird
                  • Register a US or Canadian TFN for SMS via Bird
              • SMS 10DLC
                • How-to Guides
                  • Purchase a 10DLC number via Bird
                  • Register a 10DLC brand via Bird
                  • Register a 10DLC campaign via Bird
                  • Install SMS 10DLC
                  • Delete inactive 10DLC campaigns to avoid additional charges
                • Throughput and Daily Caps
                • Brand registration
                • Campaign registration
                • Additional costs for using 10DLC
                • 10DLC FAQs
            • Page 1
        • WhatsApp
          • Quickstarts
            • Before you start
            • Install WhatsApp
          • Concepts
            • WhatsApp for Business
            • Accounts and verification levels
              • Verified Facebook Business Manager Account
              • Official WhatsApp Business Account (Green tick)
            • Use WhatsApp
            • WhatsApp message types
            • WhatsApp's Customer Care Window
            • FAQs
          • How-to
            • Verify your Facebook Business Manager Account
            • Set up commerce messaging
              • Product inquiries
              • Product orders
            • Create a WhatsApp Flow
              • Create a flow
              • Testing your flow
              • Publishing and sending your flow
              • Handling Flow submission
            • Enable conversational components
            • Become a WhatsApp Tech Provider
              • Onboard as a Tech Provider
              • Connecting to Bird as solutions provider
              • Meta Tech Partner Migration 2024
            • Migrate from Bird to another BSP (Business Service Provider)
        • Telegram
          • Install Telegram
          • Bot commands setup
  • AI
    • AI
      • Quickstarts
        • Create an FAQ model
        • Build a detect intent model
      • Concepts
        • AI Assistants
          • Agent Assistant
          • Flows Assistant
          • Studio Assistant
          • FAQ Assistant
          • Audience Assistant
        • AI flow actions
        • AI integrations
        • Detect language: Supported languages
      • How-to
        • Set up and deploy automated FAQs
        • Set up and deploy detect intent models
    • AI Agents
      • Concepts
        • Knowledge bases
        • OpenAI token usage
      • How-to
        • Build a knowledge base
        • Set up an AI Agent
        • Deploy an AI Agent
  • Payments
    • Bird Pay (Beta)
      • Quick Start
        • How to get Bird Pay access?
      • Concepts
        • Onboarding
        • Payment Link
        • Wallet
          • Transfer
          • Recipient
        • Payments
          • Disputes
        • My customers
        • Payouts
        • Payment methods
        • Bird Pay Coverage
        • Strong Customer Authentication (SCA)
      • How-to
        • Create a Payment link
        • Refund a Payment
        • Manage Payout
        • Respond to a Dispute
        • How to set up MFA using the Authenticator app?
      • FAQs
        • Why was my onboarding unsuccessful?
        • How do I update my business address?
        • What are foreign currency fees on my Bird Payments?
        • How to raise an issue with Bird Pay with support?
  • Integrations
    • Integrations
      • Quickstarts
        • Find and install an integration
      • Concepts
        • Integration data sync
      • Supported integrations
        • ActiveCampaign
        • OPERA Cloud
        • Calendly
        • Easyship
        • Google Cloud Translation AI
        • HubSpot
        • Magento 1
        • Magento 2
        • Monday.com
        • Notion
        • OpenAI
        • Rebrandly
        • Salesforce
        • Shopify
        • SugarCRM
        • Zoho CRM
        • TikTok Ads
        • Typeform
        • WooCommerce
        • Zendesk Support
        • Google BigQuery
        • Snowflake
        • Amazon S3
        • Salesforce Marketing Cloud
        • Meta ads
        • Google Ads
      • How-to
        • How to integrate the Salesforce Connector on Bird?
        • How to Delete Contacts in Bird when Deleted in Salesforce
  • Account & Billing
    • Account
      • Organization settings
        • General
        • Single-Sign On (SSO)
          • Set up Single-Sign On (SSO)
          • Enforce Single-Sign On (SSO)
          • Entra ID
          • Google Workspaces
          • Okta
        • SCIM
          • Okta setup
          • Okta setup - Workspace IAM
          • Entra ID
        • Security Settings
        • Business profile
        • Workspaces
        • Plans & Billing
        • Wallets
        • Users
        • Access policies
        • Access roles
        • Access keys
        • How to find your Organization ID
        • How to find a Workspace ID
        • How to limit a user's access to a single workspace
        • How to download usage report?
        • How to pay (settle) invoices via wallet?
  • Help & Reference
    • Bird support
      • Invite Bird support
    • Deliverability & compliance
      • Email compliance - Bulk sending
      • United States SMS/MMS compliance
        • Key US Regulations
        • General US content restrictions
        • US SMS/MMS compliance
        • US Voice compliance
        • US state-level laws and regulations
        • US compliance & best practices checklist
        • US compliance FAQs
      • Singapore SMS Compliance
    • Data protection
      • Approved subprocessors
    • Release notes
    • Glossary
Powered by GitBook
On this page
  • What you’ll need
  • Step one: Create a sign-up form project
  • Step two: Design your sign-up form
  • Settings
  • Display tab
  • Step three: Review and publish your sign-up form project
  • Step four: Use a flow to handle opt-ins
  • Step five: Add your sign-up form to your website

Was this helpful?

  1. Audience & Contacts
  2. Sign-up forms
  3. Quickstarts

Create a sign-up form

What you’ll need

  • At least one installed channel

  • Access to Studio to design your sign-up form

  • Access to Contacts to configure your subscription list

  • Access to Flows to configure your subscription process

  • Access to your website’s CMS.

Step one: Create a sign-up form project

Get started by heading over to Studio and creating a new Sign-up Form Project:

  1. Go to Sign-up forms.

  2. Click Create new sign-up form.

  3. In the ‘Project name’ field, enter a recognizable name for your sign-up form, such as ‘Homepage WhatsApp Sign-up Form’.

  4. Select the default language that you want to display your sign-up form in from the ‘Default locale’ drop-down.

  5. Click Create Sign-up Form. You’ll be taken to the project editor.

Step two: Design your sign-up form

In the project editor, you will see a placeholder version of your sign-up form.

  1. Click the Styles tab to edit the following elements:

    • Desktop display

    • Mobile display

Channels

Now that you’ve set up your basic content blocks, it’s time to add your channel buttons! These buttons allow your customers to choose which channel they want to use to sign up.

You can add as many channel buttons as you want. For example, you might want to add a WhatsApp button, a Facebook Messenger button, and an SMS button. This gives your customers the option to choose the channel that they use the most.

There are two sign-up methods: Form submission and QR codes. Form submission sign-up methods are only available for email and phone identifier-based channels (e.g. WhatsApp, SMS, Email). QR code sign-up methods are available for all channels.

Setting up channel buttons:

  1. Click + Add channel.

  2. Choose a channel from the drop-down.

  3. If you have multiple versions of a channel installed, choose the one that you want to use from the ‘Select a channel’ drop-down.

  4. Select the sign-up method: Form Submission or QR Code

  5. In the ‘Button label’ field, enter a CTA such as ‘Sign up with WhatsApp’.

During the button setup for Form Submission sign-up methods, you'll need to specify the contact "list" to which contacts will be added upon submission of the form. You will need to have already set up at least one list in Contacts before completing this step.

During the button setup for QR code sign-up methods, you’ll need to enter a prefilled message that your customers will send to opt-in. This message must include the word ‘SUBSCRIBE’, as this is what the subscription flow will check when it runs. Without this keyword, the flow will not mark customers as ‘subscribed’.

If you want to use a channel button, but you haven’t installed a channel yet, you’ll need to do so before you set the button up.

If you’ve added a channel button by mistake, you can remove it by clicking the channel button content block, and then clicking the ‘delete’ icon in the top right-hand corner.

Style tab

Now that your sign-up form content has been set up, you can customize the style of your sign-up form to match your branding, or to catch the eye of your customers.

  1. In the ‘Overview’ panel, click the Style tab.

  2. Choose background color.

  3. Choose title text color.

  4. Choose paragraph text color.

Position tab

Now that your sign-up form style has been set up, you can customize the position of your sign-up form, which sets where it will be displayed on your webpage upon launching.

  1. In the ‘Overview’ panel, click the Position tab.

  2. Choose desktop position: top left, top right, bottom left, bottom right, full page, or modal.

  3. Choose mobile position: full screen or hide.

Feedback tab

In the Feedback tab, you can view any issues with your sign-up form that need to be resolved before you can start to use it.

If there are issues that need to be fixed, a badge will be displayed next to the Feedback tab to tell you how many issues your sign-up form template has.

Settings

Settings is where you can choose how and when your sign-up form is displayed to your customers on your website, and the languages that it is displayed in.

Display tab

Under the Display tab in the Settings panel, you can define where you want the sign-up form to be displayed.

Allowed domains

In the ‘Allowed domains’ section, enter the URL of the domain that you want to display the sign-up form on. Format your domain like this:

https://messagebird.com

If you want to display this sign-up form on more than one domain, for example if you have a subdomain that you want to use, click + Add new domain and enter the additional domain in the new text fiel

Page URL

In the ‘Page URL’ section, you can use the drop down to choose where on the allowed domain you want the sign-up form to be displayed.

Select All to display the sign-up form on every page on the domain.

Select Specific pages to restrict the sign-up form to a specific page, or pages. In the open field that appears beneath, enter the subdirectory where you want the sign-up form to appear. For example:

/omnichannel

To display the sign-up form on more than one page, click + Add new URL and enter additional subdirectories.

Languages

You already set your default language during the initial setup process. If you want to change the default language, or translate your sign-up form into additional languages, click the Languages tab in the Settings panel.

Default language

The default language is the language that the sign-up form will be displayed in unless otherwise specified. If we can’t tell which language to use, the default-language version will be displayed.

If you want to change the default language, you can do so by clicking the ‘Default language’ drop-down and selecting a new language from the list.

Additional languages

To add additional language versions of your sign-up form, click Add new language, then select the language version you want to create from the dropdown.

Next, above the sign-up form preview, click the language drop-down and select your new language from the list.

Click to return to the Editor, then update the content blocks to reflect the new language that you’ve chosen.

Step three: Review and publish your sign-up form project

Now that you’ve built your sign-up form project, you can review how it looks and works by returning to the Editor.

You can switch between different language versions by using the language dropdown in the top right-hand corner of the editor.

See how your sign-up form looks on different devices by using the device picker in the top left-hand side of the editor.

Once you’re happy, click the Publish button in the top right-hand corner of your screen. In the prompt that appears, describe your template version, then click the Publish button.

You can make a note of the installation instructions now, or return to them during step five, once you’ve published your flow.

Step four: Use a flow to handle opt-ins

Using more than one channel with your sign-up form? You’ll need to duplicate the ‘Manage WhatsApp Subscription’ flow, and change the trigger for every channel that you want to use.

Now that you’ve built your sign-up form, you need to set up a flow to handle the opt-ins that the sign-up form collects.

The good news is that we’ve already designed a flow just for this purpose! All you have to do is copy the template flow from your library, customize it to capture opt-ins from your sign-up form, and publish it.

Once published, this flow will also handle unsubscribes. This means that any customer that sends you a message using the word ‘STOP’ will be automatically unsubscribed from receiving marketing messages from you.

  1. Go to Flows > Template flows.

  2. Search for and select the ‘Manage WhatsApp Subscription’ flow.

  3. Click the Save to my library button in the top right-hand corner of your screen.

  4. If you’re configuring it to capture leads from a channel other than WhatsApp, click the WhatsApp Cloud API trigger, then click Select a channel and choose a different channel from the options available.

  5. Make any edits that you want to to the ‘Send plain text message to conversation’ actions in both the ‘Subscribe’ and ‘Unsubscribe’ branches.

  6. Check the setup of your flow, then click Publish draft.

Step five: Add your sign-up form to your website

Now that you’ve created your sign-up form project and set up your subscription flow, you’re ready to add your sign-up form to your website and start collecting subscriptions!

  1. Go to Studio and select your published sign-up form project.

  2. Under the Overview tab, you'll be able to see the installation instructions.

  3. Copy the ‘Script tag’ and paste it into the header of your website.

  4. Copy the ‘HTML snippet’ and paste it into your HTML viewer. That’s it! Your sign-up form should now be visible on your website.

Last updated 1 year ago

Was this helpful?