The campaign builder stacks form fields one per line by default. If you want two fields next to each other (for example, email and phone number), you can do it with a bit of custom CSS.

Show fields in two columns

Add this to your campaign's custom CSS:

--gap: 8px;

.wisepops-block-signup form > div {
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--gap);
  justify-content: flex-start;
}

.wisepops-block-signup form > div > div {
  margin-top: 0;
  max-width: calc(50% - var(--gap)/2);
}

What this does:

Places fields in a row instead of a column
Makes each field half-width, so two fields fit on one line
Moves any extra fields to the next line automatically
--gap controls the space between fields, and you can change it to whatever you like

Keep some fields full-width

If you only want some fields side by side, you can make specific fields full-width again. For example, this keeps the first field full-width:

.wisepops-block-signup form > div > div:nth-of-type(1) {
  max-width: 100%;
}

To change a different field, replace the 1 with that field's position in the form. To change more than one field, repeat the rule for each position.

Display form fields side by side

Show fields in two columns

Keep some fields full-width