Kadence - Newsletter Block

Note: This article applies to the newsletter blocks on pages only . If there are newsletter widgets in your sidebar or footer, refer to the "Sidebar" and "Footer" articles in your theme documentation.

Each 17th Avenue Kadence theme comes with a "Newsletter Block" widget area. This widget area can be found at Appearance > Widgets and is the first widget area you'll see on the Widgets page.

What is the Newsletter Block?

Your theme includes a Newsletter Block widget area that allows you to display a newsletter signup form anywhere on your pages.

To use it, you'll first add your signup form to the Newsletter Block widget area under Appearance > Widgets. This can be a Genesis eNews Extended widget or a Custom HTML widget containing the signup form code provided by your mailing list provider.

Once your form is set up in the widget area, you can display it on any page using your theme's newsletter shortcode. This means you only need to configure your signup form once, and any changes you make to the widget will automatically appear everywhere the newsletter block is used!

Why use Genesis eNews?

This is a great question! We chose to use Genesis eNews in most of our Kadence themes to make things easy on  you. Genesis eNews allows us to apply universal form styling, which will work for any mailing list provider that you link to Genesis eNews. This saves you from having to heavily customize your forms through your mailing list provider to try to match your theme. That is all taken care of you, giving you beautiful forms that match your site perfectly.

How to use the newsletter block on a page

Go to Pages > All Pages and click Edit on a page where you'd like to add a newsletter signup form. There are a couple ways you can add a signup form:

1. Easy method: Use a pre-designed section

At the top of your page editor, click on the Design Library button. At the top of the Design Library, click on your theme name. Then select one of the included newsletter block styles. This will automatically insert a correctly configured shortcode needed to display the newsletter block.

2. Manual method

To manually add the newsletter block to a page, click the blue + icon at the top of your page editor. Search "Shortcode" and select the Shortcode block.

Inside the Shortcode block, add:  [themename_newsletter]

Replace  themename with the name of your own theme:

  • Amelia: [amelia_newsletter]
  • Audrey: [audrey_newsletter]
  • Charlotte: [charlotte_newsletter]
  • Clover: [clover_newsletter]
  • Florence: [florence_newsletter]
  • Harper: [harper_newsletter]
  • Haven: [haven_newsletter]
  • Magnolia: [magnolia_newsletter]
  • Mia: [mia_newsletter]
  • Savannah: [savannah_newsletter]
  • Sophia: [sophia_newsletter]
  • Vivienne: [vivienne_newsletter]

How to configure Genesis eNews

Now that you've added the newsletter block to a page, it's time to actually link Genesis eNews to your mailing list provider! Here are instructions. 

Can I use my own forms instead of Genesis eNews?

Absolutely! If you'd prefer to use signup forms created through your mailing list provider instead of Genesis eNews, you're welcome to do so! Most mailing list providers offer HTML embed code that you can use to display your forms on your website.

There are two ways to add your own forms:

  • Newsletter Block: Add your form's HTML code to the Newsletter Block widget area under Appearance > Widgets using a Custom HTML block. This is a great option if you'd like to use the same signup form in multiple places on your site. Once added, your form will automatically appear anywhere you've inserted your theme's newsletter shortcode.
  • Individual Pages: Add your form's HTML code directly to any page using a Custom HTML block. This gives you the flexibility to use different signup forms on different pages, which is helpful if you offer multiple opt-in incentives or have different email signup workflows you'd like to use.

After Entry Newsletter

Some of our Kadence themes include an After Entry Newsletter widget area, which displays at the end of each post. View an example. To customize this widget, go to Appearance > Widgets > After Entry Newsletter. Follow the instructions above (How to Configure Genesis eNews) to link this widget to your mailing list provider. You're also welcome to replace this widget with an embedded form from your mailing list provider.