How-to Guides

These guides provide detailed instructions for developing efficiently on Element, including the best ways to work with Element Blocks.

Block Development Basics

Set Up Your Environment

The Function of Files

Configs & Schema

Push a Block to a Staging Environment

Preview Block Changes

Update Your Block in a Staging Environment

Create a Thumbnail For Your Block

Release a Block into Production

Use React Hook in a Block

Add Element Proptypes

Style a Block with Aphrodite

Add External Scripts From a Block

Third-Party Block Development

Fetch Data From Third Party Sources

Set Up a Store Locator Block

Set Up a Wordpress Blog Block

Set Up a Contact Form Block

Set Up a Newsletter Signup Block

Version Control

Track Block Versions

Release a Minor Block Change

Release a New Major Block Version

Rollback a Block Change

Interacting With Your Store Data

Read Page URI Parameters From Your Block

Communicate Between Blocks

Interact With the Cart

Set SEO Data From a Block

Fetch Data From Volusion’s API

Fetch Block Data Fast

Site Designer

Create and Install Themes

Add a Page to a Theme

Add Blocks to Templates

Reuse a Block Across Pages

Add a Page That Depends on URI Parameters