getAssetUrl('fixedbar.png');
}
public function getBody(): array {
return [
[
'type' => 'columns',
'body' => [
[
'type' => 'column',
'params' => [
'class_name' => '',
'vertical_alignment' => '',
'width' => '10',
],
'body' => [
[
'type' => 'image',
'id' => 'image',
'params' => [
'class_name' => '',
'align' => '',
'url' => $this->getAssetUrl('pic-684x1024.jpg'),
'alt' => '',
'title' => '',
'caption' => '',
'link_destination' => 'none',
'link' => '',
'href' => '',
'link_class' => '',
'rel' => '',
'link_target' => '',
'id' => '',
'size_slug' => 'large',
'width' => '',
'height' => '',
],
],
],
],
[
'type' => 'column',
'params' => [
'class_name' => '',
'vertical_alignment' => '',
'width' => '60',
],
'body' => [
[
'type' => 'divider',
'params' => [
'class_name' => '',
'height' => '1',
'type' => 'spacer',
'style' => 'solid',
'divider_height' => '1',
'divider_width' => '100',
'color' => 'black',
],
'id' => 'divider',
'name' => 'Divider',
],
[
'type' => 'divider',
'params' => [
'class_name' => '',
'height' => '5',
'type' => 'divider',
'style' => 'solid',
'divider_height' => '4',
'divider_width' => '20',
'color' => '#dcb64b',
],
'id' => 'divider',
'name' => 'Divider',
],
[
'type' => 'heading',
'id' => 'heading',
'params' => [
'content' => '' . _x('10% OFF YOUR BILL', 'Text in a web form', 'mailpoet') . '', // @todo Add translations, links and emoji processing.,
'level' => '2',
'align' => 'center',
'font_size' => '24',
'text_color' => '',
'background_color' => '',
'anchor' => '',
'class_name' => '',
],
],
[
'type' => 'paragraph',
'id' => 'paragraph',
'params' => [
'content' => '' . _x('SUBSCRIBE TO OUR NEWSLETTER AND SAVE 10% NEXT TIME YOU DINE IN', 'Text in a web form', 'mailpoet') . '
' . $this->replacePrivacyLinkTags(_x('We don’t spam! Read our [link]privacy policy[/link] for more info.', 'Text in a web form.', 'mailpoet'), '#'),
'drop_cap' => '0',
'align' => 'center',
'font_size' => '14',
'text_color' => '',
'background_color' => '',
'class_name' => '',
],
],
],
],
[
'type' => 'column',
'params' => [
'class_name' => '',
'vertical_alignment' => '',
'width' => '30',
],
'body' => [
[
'type' => 'divider',
'params' => [
'class_name' => '',
'height' => '10',
'type' => 'spacer',
'style' => 'solid',
'divider_height' => '1',
'divider_width' => '100',
'color' => 'black',
],
'id' => 'divider',
'name' => 'Divider',
],
[
'type' => 'text',
'params' => [
'label' => _x('Email Address', 'Form label', 'mailpoet'),
'class_name' => '',
'required' => '1',
'label_within' => '1',
],
'id' => 'email',
'name' => 'Email',
'styles' => [
'full_width' => '1',
'bold' => '0',
'background_color' => '#eeeeee',
'font_color' => '#707070',
'border_size' => '0',
'border_radius' => '0',
],
],
[
'type' => 'submit',
'params' => [
'label' => _x('JOIN THE LIST', 'Form label', 'mailpoet'),
'class_name' => '',
],
'id' => 'submit',
'name' => 'Submit',
'styles' => [
'full_width' => '1',
'bold' => '1',
'background_color' => '#dcb64b',
'font_size' => '15',
'font_color' => '#ffffff',
'border_size' => '0',
'border_radius' => '0',
'padding' => '10',
'font_family' => 'Fira Sans',
],
],
],
],
],
'params' => [
'vertical_alignment' => '',
'class_name' => '',
'text_color' => '',
'background_color' => '',
'gradient' => '',
],
],
];
}
public function getSettings(): array {
return [
'on_success' => 'message',
'success_message' => '',
'segments' => [],
'segments_selected_by' => 'admin',
'alignment' => 'left',
'form_placement' => [
'popup' => [
'enabled' => '',
],
'fixed_bar' => [
'enabled' => '1',
'styles' => [
'width' => [
'unit' => 'pixel',
'value' => '1100',
],
],
'position' => 'top',
'animation' => 'slideup',
],
'below_posts' => [
'enabled' => '',
],
'slide_in' => [
'enabled' => '',
],
'others' => [],
],
'border_radius' => '0',
'border_size' => '0',
'form_padding' => '0',
'input_padding' => '10',
'font_family' => 'Titillium Web',
'close_button' => 'classic',
'success_validation_color' => '#00d084',
'error_validation_color' => '#cf2e2e',
'fontSize' => '15',
'fontColor' => '#1e1e1e',
'backgroundColor' => '#ffffff',
];
}
public function getStyles(): string {
return << span {
width: 5px;
height: 5px;
background-color: #5b5b5b;
}
EOL;
}
}