Custom Elements

Learn how to create simple custom drag and drop elements using Shogun.

Shogun Custom Elements let you create reusable elements with custom variables using HTML/Liquid, CSS and Javascript.

Check the Liquid for designers reference from Shopify.

Also see Shogun's documentation.

Latest Tutorials

Buttons

Learn how to position and style buttons in Shogun's drag and drop page builder.

Read Tutorial

Full Width Box Element

Use the Box element in Shogun to create a full width layout on your page.

Read Tutorial

How to create a page

Simple tutorial on how to create a basic page in Shogun, save it, and see the preview of what it will look like live.

Read Tutorial