diff --git a/assets/css/src/components-form-editor/_preview.scss b/assets/css/src/components-form-editor/_preview.scss
index e89191b999..4f98813289 100644
--- a/assets/css/src/components-form-editor/_preview.scss
+++ b/assets/css/src/components-form-editor/_preview.scss
@@ -97,11 +97,3 @@
}
}
}
-
-.mailpoet-toggle-list {
- display: grid;
- font-size: 13px;
- grid-row-gap: 20px;
- grid-template-columns: 1fr 45px;
- margin-bottom: 1em;
-}
diff --git a/assets/js/src/form_editor/components/preview/below_posts_settings.tsx b/assets/js/src/form_editor/components/preview/below_posts_settings.tsx
index 1ac929d73c..03fba62909 100644
--- a/assets/js/src/form_editor/components/preview/below_posts_settings.tsx
+++ b/assets/js/src/form_editor/components/preview/below_posts_settings.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import MailPoet from 'mailpoet';
-import Toggle from 'common/toggle';
import { useSelect, useDispatch } from '@wordpress/data';
+import { ToggleControl } from '@wordpress/components';
import { partial } from 'lodash';
import { SizeSettings } from 'form_editor/components/size_settings';
@@ -20,28 +20,16 @@ const BelowPostsSettings = () => {
return (
<>
-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')}
-
-
-
-
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')}
-
-
-
-
-
+
+
{
return (
<>
{MailPoet.I18n.t('placeFixedBarFormOnPagesDescription')}
-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')}
-
-
-
-
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')}
-
-
-
-
-
+
+
{
return (
<>
{MailPoet.I18n.t('placePopupFormOnPagesDescription')}
-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')}
-
-
-
-
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')}
-
-
-
-
-
+
+
{
return (
<>
{MailPoet.I18n.t('placeSlideInFormOnPagesDescription')}
-
-
- {MailPoet.I18n.t('placeFormBellowAllPages')}
-
-
-
-
-
- {MailPoet.I18n.t('placeFormBellowAllPosts')}
-
-
-
-
-
+
+
waitForElement('[data-automation-id="form_title_input"]');
$i->click('.form-sidebar-form-placement-panel');
$i->click('[data-automation-id="form-placement-option-Below pages"]');
- $i->waitForElement('[data-automation-id="place-form-bellow-all-posts-toggle"]');
- $i->checkOption('[data-automation-id="place-form-bellow-all-posts-toggle"]');
+ $i->waitForText('Display on all pages', 10, '.mailpoet_preview_sidebar');
+ $i->checkOption('Display on all posts');
$i->click('.mailpoet-modal-close');
$i->click('[data-automation-id="form_save_button"]');
$i->waitForText('Form saved', 10, '.automation-dismissible-notices');
diff --git a/views/form/editor.html b/views/form/editor.html
index 6cce927404..1cc08c7c5f 100644
--- a/views/form/editor.html
+++ b/views/form/editor.html
@@ -78,8 +78,8 @@
'placePopupFormOnPagesDescription': __('Display your form in a pop up window.'),
'placeFormBellowPages': _x('Below pages', 'This is a text on a widget that leads to settings for form placement'),
'placeFormBellowPagesDescription': __('This form placement allows you to add this form at the end of all the pages or posts, below the content.'),
- 'placeFormBellowAllPages': _x('Display on all pages', 'This is a text on a switch if a form should be displayed bellow all pages'),
- 'placeFormBellowAllPosts': _x('Display on all posts', 'This is a text on a switch if a form should be displayed bellow all posts'),
+ 'placeFormOnAllPages': _x('Display on all pages', 'This is a text on a switch if a form should be displayed bellow all pages'),
+ 'placeFormOnAllPosts': _x('Display on all posts', 'This is a text on a switch if a form should be displayed bellow all posts'),
'placeFormOthers': _x('Others (widget)', 'Placement of the form using theme widget'),
'formPlacementDelay': _x('Display with a delay of', 'Label on a selection of different times'),
'formPlacementPlacementPosition': _x('Position', 'Placement of a fixed bar form, on top of the page or on the bottom'),