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 Manage 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 Manage Fields button (1).
    • Choose the Layout tab (2).
    • Select the layout for your section (3) and Save(4) the changes.


    Style Newsletter Section

    Images 

    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.

    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

    Size & Space 

    1. Specify the Content Width for the newsletter block text.
    2. Specify the Space below section headline (in %).
    3. Specify the Space below the Image (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.


Can't find what you're looking for?

Get in touch with a Pixpa Expert.