# Forms, Popups & Landing Pages

> **Source**: [SendX](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA)
>
> <p>Create embedded forms, popups, and landing pages to grow your email list. Learn how to customize them, integrate with WordPress, and connect form submissions to your SendX lists.</p>

## Browse Collection

1. [Creating Embedded Forms in SendX and Integrating Them into Your Website](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/FG03O1Kmqgx0Epo1OAo3Ew.md) (Video)
2. [Creating a Custom Pop-Up Form in SendX and Embedding it on a Website.](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g.md) (Video)
3. [Embedding Forms in WordPress](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/eIFRDClrdOdfvGC0A60P8Q.md) (Video)
4. [Embedding Forms in Shopify Store](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/HZx7Eo59snmUtQHNJJbHDw.md) (Video)
5. [Creating a Landing Page in SendX: Step-by-Step Guide](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/HLlgEcHd8a00juR1kzlY7g.md) (Video)
6. [Integrating SendX Popup in WordPress](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/kO5DgvF7tEv7DBTYA8qUXA.md) (Video)
7. [Integrating a Popup in Your Shopify Store in SendX](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/ASI5kSWkByQT6hRx3kiBBA.md) (Video)
8. [Customizing Popup/Embed form Styles using Custom CSS](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/MpW2yWeGc27GTOkxYs31og.md) (Video)
9. [Creating a Lead Generation Form Using SendX Landing Page Builder](https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/5MWPz64iIwOdumXuvEA5EQ.md) (Video)

---

# VIDEO: Creating a Custom Pop-Up Form in SendX and Embedding it on a Website.

## METADATA

- id: uP472WzIIC77LCFZlzkY9g
- type: video
- source: SendX
- content_url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g

- collection_url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA

## TRANSCRIPT

- time: 00:00
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=0
  text: In this video, let's see how to create and customize a pop-up form in Syntex.

- time: 00:04
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=4
  text: Navigate to the pop-up section and click on 'Create Pop-ups.'

- time: 00:09
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=9
  text: Once the page opens, you can name your pop-up.

- time: 00:25
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=25
  text: Next, choose a design.

- time: 00:27
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=27
  text: For this tool, I'll select this design.

- time: 00:31
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=31
  text: You can then customize your pop up.

- time: 00:34
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=34
  text: When the pop up opens, you can change the title here.

- time: 00:41
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=41
  text: Add fields

- time: 00:42
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=42
  text: to

- time: 00:43
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=43
  text: the pop up such as a

- time: 00:52
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=52
  text: name field.

- time: 00:58
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=58
  text: You can keep it as first name or create a custom field.

- time: 01:02
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=62
  text: I'll keep it as first name.

- time: 01:04
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=64
  text: You can also add checkboxes and drop-downs.

- time: 01:08
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=68
  text: To create a checkbox, click on 'Checkbox' and give it a title.

- time: 01:13
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=73
  text: For example, you can ask, what are you interested in and add options?

- time: 01:25
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=85
  text: Assign a tag to

- time: 01:27
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=87
  text: this

- time: 01:28
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=88
  text: option,

- time: 01:29
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=89
  text: then

- time: 01:31
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=91
  text: add another option.

- time: 01:33
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=93
  text: Attach

- time: 01:37
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=97
  text: the same tag.

- time: 01:48
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=108
  text: To create a drop-down box, click on 'Drop-down' and add a title.

- time: 01:55
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=115
  text: Add options like weekly or monthly.

- time: 02:01
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=121
  text: You can create any option you need.

- time: 02:13
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=133
  text: Customize the look of the title, description,

- time: 02:16
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=136
  text: input fields, and checkboxes.

- time: 02:19
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=139
  text: I'll increase the size and change the font.

- time: 02:25
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=145
  text: I think 'Inter' looks best, but you can choose another font.

- time: 02:33
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=153
  text: Change the background of the pop up to match your theme.

- time: 02:39
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=159
  text: I'll also change the button color. The font color should be black and adjust the border color.

- time: 02:55
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=175
  text: Then, click 'Continue.'

- time: 03:09
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=189
  text: Next, configure the targeting options.

- time: 03:12
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=192
  text: There are multiple options to choose from based on your needs.

- time: 03:16
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=196
  text: Decide whom to show or hide the pop up from. And which pages to include or exclude.

- time: 03:22
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=202
  text: Currently, I'm setting it for all pages, then I'll click 'Next.'

- time: 03:28
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=208
  text: This page lets us control when the pop up should appear.

- time: 03:34
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=214
  text: Options include entering or exiting the website,

- time: 03:37
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=217
  text: scrolling a percentage

- time: 03:39
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=219
  text: or after a set time.

- time: 03:41
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=221
  text: In advanced settings, decide how often to show the pop up.

- time: 03:46
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=226
  text: Options include every page view, new session, or after a few days.

- time: 03:50
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=230
  text: Also set when to stop showing the pop up.

- time: 03:54
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=234
  text: Next, configure the success page.

- time: 03:57
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=237
  text: Decide where the contact should be added after filling out the pop up,

- time: 04:04
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=244
  text: Options include no action or adding them to an existing list.

- time: 04:09
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=249
  text: Create a list, such as 'Subscribers.'

- time: 04:14
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=254
  text: You can create a list directly in this drop down.

- time: 04:19
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=259
  text: Choose what happens after displaying the success screen.

- time: 04:23
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=263
  text: Options include doing nothing, closing the pop up, or redirecting to a URL.

- time: 04:37
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=277
  text: Now, let's embed this pop-up form on our website.

- time: 04:40
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=280
  text: Go to the embed instructions.

- time: 04:46
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=286
  text: Copy the JavaScript and paste it below the body tag of your website.

- time: 04:52
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=292
  text: I'll demonstrate that.

- time: 04:53
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=293
  text: This is the end of the body tag.

- time: 05:01
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=301
  text: Paste the script before this point.

- time: 05:15
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=315
  text: That's it. Ensure your pop-up is active. I'll show

- time: 05:20
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=320
  text: you how it looks.

- time: 05:24
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=324
  text: I'll open the website. You can

- time: 05:30
  url: https://video.sendx.io/MoupX4vX6fGqJPz6cg6aUA/uP472WzIIC77LCFZlzkY9g?start_time=330
  text: see the pop up is visible here.

## SUMMARY

# How to Create and Customize a Pop-Up Form in SendX

In this guide, we will walk through the process of creating and customizing a pop-up form using the SendX tool. Follow these steps to create an engaging and functional pop-up for your website.

## Step 1: Create a Pop-Up

- Navigate to the pop-up section in SendX.

- Click on **Create pop-ups**.

- Once the page opens, name your pop-up.

## Step 2: Choose and Customize a Design

- Select a design for your pop-up. For this example, a specific design is chosen.

- Customize the pop-up by changing the title and adding fields such as a name field.

- Decide whether to keep it as a first name field or create a custom field.

- Add checkboxes and drop-downs as needed.

### Adding Checkboxes

- Click on **Checkbox** and give it a title, e.g., "What are you interested in?"

- Add options and assign tags to each option.

### Adding Drop-Downs

- Click on **Drop-down** and add a title.

- Add options such as "Weekly" or "Monthly".

## Step 3: Customize Appearance

- Adjust the look of the title, description, input fields, and checkboxes.

- Change the font size and style; for example, the "Inter" font is recommended.

- Match the background of the pop-up to your theme and adjust button colors.

- Ensure the font color is black and adjust the border color as needed.

## Step 4: Configure Targeting Options

- Decide whom to show or hide the pop-up from and which pages to include or exclude.

- Set the pop-up to appear on all pages or specific ones.

## Step 5: Control Pop-Up Timing

- Determine when the pop-up should appear, such as on entering or exiting the website, scrolling a percentage, or after a set time.

- In advanced settings, decide how often to show the pop-up, such as every page view, new session, or after a few days.

- Set when to stop showing the pop-up.

## Step 6: Configure the Success Page

- Decide where to add the contact after filling out the pop-up, such as adding them to an existing list.

- Create a list, such as "Subscribers", directly in the drop-down.

- Choose what happens after displaying the success screen, like doing nothing, closing the pop-up, or redirecting to a URL.

## Step 7: Embed the Pop-Up Form

- Go to the embed instructions in SendX.

- Copy the JavaScript provided.

- Paste it below the body tag of your website.

Ensure your pop-up is active. Open your website to see how the pop-up looks in action. That's it! You've successfully created and customized a pop-up form using SendX.