← All guides

Build & design guides

Edit pages, add content, customize the look

Site Editing

Add Slides

The Slides component is similar to the Image Carousel component, but instead of images you can create slides with any type of content you'd like.

Site Editing

Add Frequently Asked Questions

A FAQ, or Frequently Asked Questions, is a common and important element in any modern website, making it easy for your visitors to find answers to some of th...

Site Editing

Add a Progress Bar

A progress bar is a great way to show visually how much progress has been made on any kind of project, be it software, donations, or any other kind of work.

Site Editing

Add Team Member Profiles

The Team component is a quick way to showcase members of your team or organization.

Site Editing

Add Spoiler Text

Hiding and showing spoilers or other text is quick and simple with the Spoiler component.

Site Editing

Add a Hero Section

The Hero component is a unique kind of Section component that includes a number of preset elements, such as a large image, a pair of call-to-action buttons,...

Site Editing

Add an Image

Adding an individual image to a page of your site is easy with the Image component.

Site Editing

Add an Image Gallery

An image gallery is a straightforward way to display multiple images in a grid layout on your site.

Site Editing

Add an Image Slideshow/Carousel

An image carousel is essentially an automated slideshow of images, adding a dynamic graphical display to your website.

Site Editing

Add Testimonials

Testimonials are a great way of showcasing positive feedback from your customers. To get started, drag the Testimonials component to a page of your site.

Site Editing

Add an Icon

Adding an icon to a page of your site is quick and easy. To get started, drag the Icon component to a page of your site, then click on it.

Site Editing

Add a Video

To upload and add a video to a page of your site, open your website in the editor and drag the Video component to a page.

Site Editing

Embed a Youtube Video

Adding a YouTube video to your site is quick and easy with the YouTube component. Open your site in the editor, then drag the component to a page of your sit...

Site Editing

Add Audio

Adding playable audio to a page of your site is easy with the Audio component.

Site Editing

Add a Map

With the Map component, you can add an interactive Google map to your website. To get started, drag the Map component to a page of your website.

Site Editing

How to Embed 3rd Party Code in a Page

With the Embed Code component, you can add all kinds of third party widgets and code to a page of your site.

Site Editing

Add a Link to a File

Adding a dedicated link to download a file that includes a file icon is quick and simple with the File component.

Site Editing

Display a PDF File

Displaying a PDF file on your website is easy and quick with the PDF Embed component.

Site Editing

Add a Feature List

The Features and Features List components are two similar, but different ways of displaying features, services, or more that you offer.

Site Editing

Display Formatted Code on Your Site

Code display components are an essential way to show various kinds of code on your website.

Site Editing

Add a Quote

How to add a Quote component to your website.

Site Editing

Add Social Media Links

You can easily add links to your social media accounts on any page of your website. To get started, drag the Social Accounts component to a page of your site...

Site Editing

Add a Search Bar

Adding a search bar to your site is a quick and easy way to help your visitors find content on your site.

Site Editing

Add a Button

Buttons are a visually dynamic way to add links to your website. To add a button, drag the Button component to a page of your site in the editor.

Site Editing

Add and Edit Text

Adding text to pages of your site is one of the most common parts of building a website. It’s also really easy with Articulation using the Rich Text componen...

Site Editing

Add and Edit Page Content

Adding and editing page content is easy, quick, and intuitive.

Design

Edit Site Styles

How to edit your site's overall styles, theme and design.

Pages

Edit Page Settings

How to manage individual page settings on your website.

Pages

Create and Manage Pages

How to create and manage pages on your website.

Forms

Add a Survey Form

The Survey component automatically includes three Radio Input fields, giving you a good starting point when adding a survey to your site.

Forms

Add a Contact Form

The Contact Form component automatically includes Name, Email, and Message component input fields, making it quick to add a basic contact form to your site.

Forms

Add a Newsletter Signup Form

Adding a signup form for a newsletter is quick and easy with the Newsletter Form component.

Forms

View and Manage Form Entries

To view and manage form entries, go to the Forms page of your dashboard. Here you’ll see a list of all the forms you’ve added to your site, whether they are con...

Site Editing

Working with Columns

With the Columns component, you can add content in side-by-side columns to pages of your website. To get started, click on the Add Content button, then drag the...

Site Editing Video

Creating Forms

Adding a form to a page and viewing form entries

Site Editing

Countdown Timers

Adding and customizing a countdown timer

Site Editing

Optimizing Your Site for Mobile Devices

Activity on mobile devices accounts for a significant portion of web traffic, so optimizing your site for mobile is important so your visitors have an easy e...

Site Editing

Create Anchor Links

Anchor Links allow visitors to click a link and jump to a specific section, or anchor, of a page.

Site Editing

Creating Links and Link Options

How to create, manage and update your links on your website.

Site Editing

Add Google Analytics to Your Site

Adding Google Analytics to your site with Articulation is easy, here's how.

Site Editing

Add a Flip Card Grid

The Flip Card Grid component displays multiple Flip Card components in a grid manner similar to the Grid component.

Site Editing

Add a Flip Card

A Flip Card shows one set of content on a page of your site until a visitor hovers over it with a mouse, at which point it then “flips” to show a second set...

Site Editing

Add Panels

Similar to the Section Component, the Panels component is a full-width page element in which you add other components.

Site Editing

Edit Your Site Footer

Similar to your site header, your site footer is a global section - this means that it’s shown on all pages of your site.

Site Editing

Add Text with an Image

The Text with Image component contains multiple elements, giving you quick access to some of the most common options when building site content: a heading, t...

Site Editing

Create and Manage Sites

How to create and manage multiple websites on Articulation.

Site Editing

Edit Site Settings and More

You can manage your site settings and more from the Site page of your dashboard.

Site Editing

Add Featured Product Categories

With the Featured Categories component, you can easily display a list of product categories on any page of your site.

Site Editing Video

Editing Navigation Links

How to add, edit, remove, and organize your site's navigation links

Site Editing

Add a Divider

Dividers are horizontal lines that help provide some division between content on longer pages.

Site Editing

Working with Grids

The Grid component is used to organize components into a repeating grid pattern. It’s similar to how the Gallery component displays images in a grid, except in...

Site Editing

Working with Blocks

With the Block component, you can add multiple components and set a single background for all of them. This is useful when you want to highlight certain element...

Site Editing

Add a Spacer

The Spacer component is used to create vertical space between two other components.

Site Editing

Working with Page Sections

With the Page Section component, you can add a content area to a page of your site. New pages will have at least one by default, so adding more gives you more c...

Site Editing

Add an Accordion

The Accordion component features expandable content areas, where clicking on the title of each block expands the content area associated with that block.

Site Editing

Add a Back to Top Button

For longer pages, a Back-to-Top button is a quick way for visitors to return to the top of a page.

Site Editing

Add a Table

With the Table component, you can display text-based information in a table format on a page of your website.

Site Editing

Add a Tabbed Box

The Tabbed Box component contains multiple content areas, where each can be viewed by clicking the respective tab at the top of the box - much like file fold...

Site Editing

Add Featured Products

With the Featured Products component, you can display a list of products on any page of your website.

Site Editing

Undo a Change

How to use the Undo and Redo features in the website editor.

Site Editing Video

Change Background Styles

How to add and edit image, color, gradient, video, and slide backgrounds.

Site Editing

Using the Undo Button

We all make mistakes. How to undo an action in the editor.

Site Editing Video

Creating Links

Shows how to create links and the types of links that can be made.

Site Editing

How to Embed a PDF

Learn how to seamlessly upload and display PDF files directly on your website pages.

Site Editing Video

Page Template Settings

Learn how to change your page template settings including switching between templates and making a splash page.

Site Editing

Adding a Copyright

The Copyright component is an easy way to add a copyright anywhere on your website that will always use the current year.