You can create a static or pop-up sign-up form to add to your WordPress site. Contacts who submit one of these forms will be automatically synced with Brevo. They’ll be added to the list you selected during form setup, and the information they provide will be saved to their contact profile. These contacts will also be automatically subscribed to receive your emails.

To learn how to add a static or pop-up sign-up form to your WordPress website, check our dedicated section Add a sign-up form to your WordPress website.

You can create a static sign-up form directly through the Brevo plugin and embed it on your WordPress site using a shortcode.

Step 1: Create a sign-up form

1. In the sidebar menu, go to Brevo > Forms.
2. Click Add New Form.
   
3. In the Form name field, enter the internal name of the form.

Step 2: Update the form content

Add or remove fields from the form to choose which information you want to collect from your contacts.

Add a new field

To add a new field to the form, select the field you want to include.

1. From the Add new Field dropdown, select the type of field (e.g., FIRSTNAME, EMAIL) that matches the data you want to collect. The available fields are based on the contact attributes set up in your Brevo account.
   
2. Fill in the details for each field, including:
   • Label: The name or description of the field (e.g., "First Name").
   • Placeholder: Text displayed inside the field to guide the user (e.g., "Enter your first name").
   • Initial Value: Pre-filled data, if applicable.
   • Required field: Specify whether the field is mandatory to complete before submission.
3. Click Add to form to add the new field to the form and preview the changes. The new field will appear inside the opening tag <p> and closing tag </p>.
   
4. Repeat steps 1 to 3 for each field you want to add to the form.

Remove a field

To remove a field, delete the corresponding HTML code for that field.

1. In the HTML editor, locate the section of code for the field you want to remove.
2. Select the text starting with <p> and ending with </p>.
   
3. Delete the selected text.
4. In the preview, click the 🔁 refresh icon to ensure the form still displays correctly after the change.

Update the Subscribe button

To update the value of the Subscribe button:

1. In the HTML editor, locate the following section of code:
   <input type="submit" class="sib-default-btn" value="Subscribe">
2. Replace "Subscribe" with the text you want to display on the button and make sure you keep the quotation marks around the text. For example:
   <input type="submit" class="sib-default-btn" value="Yes, I want to subscribe">

Step 3: Customize the form

Customize the form by activating the following options:

Multi-List Subscription: Allow subscribers to select their preferences and be added to corresponding lists. Compliance Note: Inform contacts that their email address will be used for newsletters and brand updates, with an unsubscribe option included in every email. CAPTCHA: Protect your form from bots by adding a verification step. Checkbox: Let contacts agree to your terms and conditions before submitting the form. Custom Style: Retain your current theme or use CSS to customize the appearance of your sign-up form.

 Step 4: Configure the sign-up process

Configure the sign-up process for contacts who submit the form:

1. Linked list: Choose which list(s) contacts will be added to after they submit the form.
   
   💡 Good to know

   If you use the Multi-list subscription option, you can select a default list from the Linked list option where all contacts will be added.
2. Send a confirmation email: Send an email confirming their subscription.
3. Double opt-in: Set up a double opt-in process to require contacts to click a link in the confirmation email to validate their subscription.
4. Redirect to this URL after subscription: Redirect contacts to a specific page (e.g., a thank-you page) after submission.

Step 5: Edit your confirmation message

Customize the text for success and error messages that appear on your sign-up form after submissions:

Step 6: Retrieve the form's shortcode

Before sharing your sign-up form on your website, retrieve its shortcode:

1. In the sidebar menu, go to Brevo > Forms. Here, you will find a list of all the forms you have created, along with their respective shortcodes.
2. Copy the shortcode of the sign-up form you want to add to your website.
   

Step 7: Share the form on your website

You can share your in different places on your website:

• Add the form on individual pages of your website
• Add the form on the sidebar or footer of your website

Add the form on individual pages of your website

To add your form on individual pages of your website:

1. In WordPress, create or open a page or post where you want to add your form.
2. Paste the shortcode where you want to add your form.
   
3. Click Save.

Your sign-up form will be added to your website and your contacts can start subscribing.

Add the form on the sidebars or footer of your website

To add your form to your website’s sidebars or footers:

1. In the sidebar menu, go to Appearance > Editor.
2. Navigate to the footer of your website and select it.
3. At the top-left, click +.
   
4. From the Blocks tab, select the Shortcode widget. It will be automatically added at the bottom of the footer.
   
5.  Paste the shortcode of your sign-up form in the empty field.
   
6. Once you're done, click Save.

Your static sign-up form has been added to your WordPress site and new contacts can start subscribing.

Create a web push campaign, choose your target audience, and decide when to send it.

Step 1: Create a web push campaign

To create a web push campaign:

1. In the sidebar menu, go to Brevo > Web push.
2. Click Create campaign.
   
3. Give an internal name to your campaign. This name won't be visible to your subscribers.
4. Click Create campaign.
5. Create your web push notification:
   
   
   1. (Optional) In the Title field, enter a title for your campaign. This title will appear first in the notification. If you leave this field empty, your website name will be displayed instead.
   2. In the Text field, enter the content of your notification. This content will appear below the title of the push notification.
   3. (Optional) Select or drag and drop an image. This image will appear in the push notification.
   4. (Optional) In the On click URL or deeplink field, enter the URL that should open when a subscriber clicks the notification. If you leave this field empty, your app or website homepage will be used instead.
   5. (Optional) Activate the Attach data payload option to send an optional JSON data payload along with your push notifications.
6. Preview your notification by selecting an operating system (Windows, MacOS, Android) and view how it will render on a specific device.
   

Step 2: (Optional) Choose your audience

By default, the selected audience includes all your web push subscribers, but you can choose to target a specific audience instead:

1. Select one of the following targeting options under Audience:
   • Based on their website activity
     Target active or inactive users, depending on how long it’s been since their last visit. This is useful for re-engaging inactive users or promoting new content to frequent visitors.
   • New push subscribers
     Target users who subscribed to push notifications within the last few days.
   • Based on language
     Target users whose web browser is set to specific languages.
   • Based on timezone
     Target users based on the time zone set on their device.
   • From a Brevo segment
     Target web push subscribers who belong to a specific segment in Brevo.
   • From a Brevo list
     Target web push subscribers from a specific Brevo contact list.

2. From the Send to all platforms dropdown, choose whether to send notifications to desktop subscribers, mobile subscribers, or both.

Step 3: Schedule your web push campaign

Choose how you want to schedule your web push campaign:

• Manually
  Send the notification yourself at the time of your choice.
• On a specific date
  Schedule the notification to be sent at a chosen date and time.
• Periodically
  Set your campaign to repeat at regular intervals.
• When a subscriber performs an event
  Trigger a notification when a user performs a specific action on your site. This option will only work if you've activated the Activate Marketing Automation through Brevo option through the plugin's settings and created custom events.
• When a subscriber visits a URL
  Send a notification when a user visits a specific page on your website.
  
• When a subscriber becomes part of the audience
  Automatically send the notification as users meet the criteria defined in your selected audience.
  For example, if you chose “New push subscribers”, this option allows you to send a welcome push notification immediately after someone subscribes.

Step 4: (Optional) Manage the pressure settings for your web push campaign

Manage how and when this web push campaign is sent. If you don’t make changes here, your default pressure settings will apply.

1. Under Delivery speed, choose the rate at which your notifications will be sent (e.g., Slow).
   
   💡 Good to know

   The Delivery speed option is available only for notifications that are not triggered by a subscriber's action. Otherwise, the notifications will be sent as soon as the subscriber performs the action.
2. Under Pressure settings, choose how pressure control should apply to this campaign. You can use the default settings, select a pressure category, apply a custom setting, or disable pressure control entirely.
   

Step 5: Save and send your web push campaign

1. To save your campaign, click Save. It will be scheduled according to the delivery settings you selected.
2. (Optional) If you chose to send your campaign manually:
   1. Go to Brevo > Web push.
   2. From the Campaigns tab, click the three-dot icon next to your campaign.
   3. Click Send now.