Element Tutorials

Learn to master website creation with these tutorials

Nick Raushenbush avatar Karl Jones avatar
23 articles in this collection
Written by Nick Raushenbush and Karl Jones
Content

Adding text with the Text Element

The Text Element allows for you to add text content right into your page.
Karl Jones avatar
Written by Karl Jones
Updated over a week ago

How to use and style buttons in Shogun

The button element is a great way to drive your CTA's. This video teaches you how to configure, style and position buttons.
Nick Raushenbush avatar
Written by Nick Raushenbush
Updated over a week ago

How to overlay text, buttons, and other elements on an image or video, using the Section element

Use the Section element to create a background, and then overlay text, buttons, and any other elements on top of the background.
Karl Jones avatar
Written by Karl Jones
Updated over a week ago

A Guide to the Add to Cart Button

The Add to Cart (ATC) Button lets customers shop your products from any Shogun page.
Nick Raushenbush avatar
Written by Nick Raushenbush
Updated over a week ago

How to display product data on any page using the Product Box

Display product data fields like Product Image, Product Title, Product Price, and more.
Karl Jones avatar
Written by Karl Jones
Updated over a week ago

Using the Form Element to receive messages and collect email data from customers

The form element can be used to collect form responses and email addresses from visitors to your Shogun pages.
Karl Jones avatar
Written by Karl Jones
Updated over a week ago

Using the Table element

A table can be useful to display data in an organized manner.
Karl Jones avatar
Written by Karl Jones
Updated over a week ago

Use the Icon Element to add icons to your page content

The icon element taps into Font Awesome's open source library of almost 1,000 icons
Nick Raushenbush avatar
Written by Nick Raushenbush
Updated over a week ago

Use the Map element to Embed a Google Map

Use the power of Google Maps to show your location with the Map element.
Nick Raushenbush avatar
Written by Nick Raushenbush
Updated over a week ago

Creating a sense of urgency with the Countdown Timer

The countdown timer is great for ecommerce websites looking to create a sense of urgency with sales.
Karl Jones avatar
Written by Karl Jones
Updated over a week ago