The Save This block lets you design a Save This form visually in the block editor. Every setting is in the block’s sidebar, and the form previews as you edit it.

There are two ways to use the block:

1. Inside a Save This form (recommended). Every form on the Hubbub > Save This > Forms tab is a synced pattern that contains a Save This block. Click Edit Form on a form’s card to edit its block. Changes apply everywhere that form is used. See How to Create Multiple Save This Forms.
2. Directly in a single post. Add the block to one post when you want a one-off form in that post only.

Adding the block to a post #

1. Open the post in the block editor.
2. Click the + (Inserter) and search for Save This, or type /save this on a new line.
3. Choose Hubbub Pro: Save This.

Note: A Save This block added directly to a post (not as a synced pattern) turns off Save This auto-insert for that post, the same way a [hubbub_save_this] shortcode with no ID does. That way your readers don’t see two forms. If you want to reuse a design across many posts, create a form on the Forms tab instead.

Block settings #

Fields you leave empty use your default Save This settings (Hubbub > Save This > Form Defaults & Email). Set a value in the block to override the default for this form only.

Form fields #

• Show heading – Show or hide the heading.
• Show name field – Ask for the visitor’s name. Use the {name} merge field in your email to greet them by name.
• Spotlight – Dim the rest of the page to highlight the form when it scrolls into view.
• Compact layout – Align the form elements horizontally on larger screens.
• Button text – The text on the submit button.

Field labels & placeholders #

• Show visible labels – Show real labels above each field. This is better for accessibility than placeholder-only forms.
• Name placeholder and Email placeholder – The hint text inside each field.

Image #

• Show image – Display a branded image beside the form. Recommended size: 180px square. The image is hidden on mobile by default.
• Alt text – Describe the image for screen readers. Leave blank if the image is decorative.

Visibility #

• Hide for logged-in users – Don’t show this form to visitors who are signed in. Useful on membership sites.

After successful submission #

Choose What happens on success:

• Show inline message (default) – Replace the form with your Success message.
• Redirect to a URL – Send the visitor to another page. Relative paths (/thanks) and full URLs both work.
• Swap form with custom content – Replace the form with your own HTML.
• Fade out and hide the form

Note: If you’ve set a Kit Creator Network Recommendations script, redirects are turned off so Kit’s recommendations pop-up can appear.

Consent #

• Consent checkbox – Use global setting (default), Off, Required to submit, or Consent for mailing list only.
• Consent text – The text next to the checkbox.

Surrounding copy #

• Show content above form and Show content below form – Add text above or below the form fields.

Mailing list destination #

• Override destination ID – Send subscribers from this form to a different list than your default. Enter the ID your mailing list service uses, such as a Kit form ID, Mailchimp list ID, Drip tag, Flodesk segment, MailerLite group, or SendFox list. Leave blank to use the list on the Form Defaults & Email tab.

Custom CSS #

• Custom CSS for this form – CSS that applies to this form only. Don’t include style tags. See Save This Custom CSS for selectors.

Style #

In the block’s Style settings, you can set:

• Background, Text, and Button background colors
• Spacing (margin and padding), typography (font size and line height), border, and shadow

The Text color applies to the heading, message, and other text inside the form.

Using the block with WP Recipe Maker #

WP Recipe Maker’s Template Editor also has a Hubbub Save This block. See Save This Inside Your Recipe Card.

Troubleshooting #

The block isn’t in the Inserter.

Make sure Save This is activated in Hubbub > Toolkit and your site has an active Hubbub Pro+ license.

My auto-inserted form disappeared from a post.

Check whether the post has a Save This block or a [hubbub_save_this] shortcode with no ID. Either one turns off auto-insert for that post. To keep both, add the form as a synced pattern instead, or add allow_injection="yes" to the shortcode.