EN
Searching...

Newsletter Section

Pixpa lets you build your subscriber base with the help of the Newsletter Subscription Section which can be added to any page of your website or in the Pre-footer section. See in action.

All the Newsletter Subscriptions are stored and are accessible in the Marketing & SEO > Email Lists section of the studio.

Note

All the Email subscriptions on the website will be available on the Mailing Lists.

In this article:

Add Newsletter Section to a Page

  • A section can be added to a page. You can either add a section to an already existing page or create a new page within your website.
  • On your page, click on the blue + icon to add a New Section to your page.

 

  • You will now see the section categories on the left side.
  • Choose the Newsletter Section (1) option where you can choose from the different layouts (2).

  • Choose any section layout and click on it to add it to your page.

Manage Section Fields

Once you have added the section:

  • Click on the Edit Fields (1) button.

  • You will have the option to manage the button, post submit success message, and HTML.
  • Save (2) the changes.
  • The email address field will stay in the form by default.

Newsletter Content

  • Upload an Image (1) for the newsletter.
  • Add a Title (2), and Description (3) for the newsletter. Before adding the description, check this article.

  • Specify the Section Headline (4) for this section.

Manage Layout

  • Click on the Edit Fields button (1).

  • Choose the Layout tab (2).
  • Select the preferred layout (3) for your section and Save (4) the changes.

Style Newsletter Section

  • Click on Edit Fields (1) button.

  • Choose the Style (2) tab.
  • Change the Style for the section elements and Save (3) your changes.

You will have multiple style options for the section: 

  1. Images Options
  2. Image Border
  3. Alignment & Color
  4. Spacing 
  5. Text Size

Images Options

  1. Choose the image crop for the image. You can set the image as Square, Circle, Landscape,  Portrait, and Dynamic.
  2. Choose the Content Order i.e., the images of the list items to be displayed first or the associated text.
  3. Choose to have a common corner radius or different corner radius for each side of the list items and set a number (in px) for the corner radius of the list item images.
    Using the corner radius field, you can create different shapes of image. In case you specify 500 px here, the image would display in a circle shape.
    In case you have chosen split corners, you can set different corner radius for each corner. Know more. 
  4. Choose to Animate Image on Hover by clicking on Yes. You can select the Animation Style (5) too.

Image Border

  1. Enable / Disable border around the images by switching the toggle.
  2. Choose to have a common border on all sides of images or you can specify the borders separately for each side.
  3. Specify the width of the border. If it is set to 0, then the border will not appear. You also have the option to set the border width individually for each side of the image.
  4. Select the Border Color from color picker.
  5. Select a preferred Border Style from the dropdown.
  6. Determine the border width for mobile devices, aligning it with the width chosen for desktop.

Alignment & Color 

  1. Align the content present in the newsletter block Horizontally. You can set it to be Left, Right or Center aligned.
  2. Align the content in the newsletter block Vertically. You have Top, Center and Bottom options

Spacing

  1. Specify the Image Width for the newsletter block text (in %).
  2. Specify the Space below section headline (in px).
  3. Specify the Space Between Image and Text (in %).
  4. Specify the Space below the Title (in %).

Text 

  1. Click on the Change Text Style button to visit the Design section and manage your font sizes and styles. 
  2. Set the Title font style for the newsletter section.
  3. Set the default Description font style for the newsletter section.

Newsletter Settings

  1. Set the button label for the submit button of the form.
  2. Choose the button size from Small, Medium, and Large.
  3. Choose the button style from Solid, Outline, and Textlink.
  4. Invert the color of the button. The default color will be applied from the Buttons and Links option in the Design section.

Pixpa enables you to specify the message that displays after the user submits the form.

  1. Specify the Post Submit Success message that shows up after the user submits the form.
  2. You can also add any script in the post submit success HTML box.

Success Email

Send an email response to everyone who subscribed to this newsletter.

  1. Enable/Disable the success email for this particular newsletter.
  2. Enter the subject of the email.
  3. Enter the success message to be included in the email.

  • Enter prefooter (1) in the Search Bar.
  • You will see the related results.
  • Click on the Website Prefooter option (2) under Studio Links. 

  • Click on the blue + icon to add a New Section in your prefooter.
  • You will have the section categories on the left side.
  • Choose the Newsletter Section (1) option where you can choose from the different layouts (2).

  • Choose the section layout (2) and click on it to it to your prefooter.
  • Make the prefooter Active to be visible on your pages.
  • Click on the View button in the top left corner to review the live site.

See in action: 

Also Check: Add pre-footer to website.

Export Newsletter Subscriptions

You can export the newsletter subscription from the marketing section.

  • Enter Email Lists (1) in the Search Bar.
  • You will see the related results.
  • Click on the Email Lists option (2) under Studio Links. 

  • All the Email subscriptions on the website will be available on the Email Lists. 
  • Go to the Actions (3) menu and click on the Download option (4) to download the mailing lists.

Tagged:

Can't find what you're looking for?

Get in touch with a Pixpa Expert.

Contact Us