To add a Misc block to your site, open the Site Designer feature by clicking the Site Designer icon in the Left Navigation Menu on your store's Dashboard.
You can add a Misc Block to any Page on your site. Using the Page: Home dropdown menu at the top left of the Site Designer Page, choose the page to which you will add your Misc block. In this example, we will be adding them to the Home Page by clicking Home in the dropdown. This will show the Misc block of your choice on your site's Homepage.
Locate a spot on your page to display the Misc Block. We decided to add it at the bottom of the page, above the Footer. Navigate to this spot and mouse over the location until the blue Plus Sign icon appears. Your Misc Block will appear below the Plus Sign icon. Click the icon to add your block. The Add a Block menu will pop-out on the left side of the page. Scroll down through the Default Blocks and click on the Misc Block. There are currently nine versions of the Misc Block available, choose the one that best fits your needs. In this example, we will be adding a Newsletter signup block. Click on the Add Block button to add it to your Page.
The block has now been added to the Homepage. To personalize the block, mouse over it and click the Edit button that appears at the top left corner of the block.
Edit options for the block include deleting it or moving its position on the page. The form text can be edited as well as text, heading, and background colors. The Newsletter Block has an additional field for Form Action Endpoint which allows you to set up your form at Formspree.io and add its URL here.
To save any edits, click the Done button at the bottom of the edit popout.
Your final step should be to click the green Publish button at the top right of the Site Designer page. Until this button is clicked your changes will not be visible on your storefront.
Viewing your site's Homepage and scrolling to the bottom of the page will show your Newsletter Signup Block.
Available Misc Blocks include the following:
iframe Block: This block allows a merchant to add an iframe (inline frame) HTML element that will display a web page within the block. The block allows multiple web pages to be displayed. The iframe height can be set, and the background color is editable.
Modal Block: Configurable as an Informational or Age Verification block. Can be set to appear on initial site access, then not show for a number of days. Can be used to redirect to a different URL using a button.
Newsletter Block: Allows a Newsletter Signup Form through Formspree.io. Editable text as well as editable Success or Error Message.
Contact Form: Editable contact for through Formspree.io. Editable inputs, Confirmation and Error messages, and reCAPTCHA option. (The screenshot shows the form prior to setup. The final form will have area for customer input.)
Store Locator: Using API keys provided by Google, this block adds a location and Google Map to help customers find you. Supports multiple locations. Features editable initial zoom level and map colors. (The screenshot shows the Locator prior to setup. Final Locator will feature address list and Google map.)
Blog: This block features the ability to display an embedded WordPress Blog. Individual posts or a list of posts can be displayed and the max number of posts can be set. Tag and Category filters can be shown as well.
YouTube Video: Using the YouTube video ID, a video can be added and the width can be set.
Button: A button with editable text and an editable link can be added to the page. Button style and alignment can be edited.
Divider: Adds a horizontal line to the page. Size, style, padding, and color can be edited.
Text: Adds a text block with a heading, subheading, and content text. Columns, padding, and colors are editable.