Articles in this section

See more

Adding Blocks and Content to your Website

Building a photography website with Pixieset Website is an easy, creative experience. Create site pages in seconds by selecting from a curated collection of professionally designed layouts, and customize them with your own content.

This article will go through the basics of adding your own content to site pages through the use of content blocks.

Note: If you are using a classic template built on our original layout engine, some features and steps may be different or unavailable.

On this page:

What are content blocks?

Content blocks are ready-made layouts that make up the structure of your site’s page. Each content block in Pixieset Website contains a mix of elements such as photos, text, and buttons, and they are typically designed for a specific purpose. For example, a biography block contains an image and paragraph section for you to customize with details about yourself.

It can be helpful to think of each content block as an individual building block. By stacking them together, you can create unique pages to help your photography website stand out.

Adding Blocks and Content to your Website 1.png

Updating content in a block

When you begin with a site template, your Pixieset Website will automatically include pages of premade blocks as a starting point. These blocks are ready for you to update with your own media and content:

  1. Click directly onto any media or text in a content block.
  2. Depending on what part of the block you select, upload your own media or edit text directly to replace the placeholder material.

Tip: Most content blocks come with additional settings (e.g. crop ratio for image-based blocks) which appear in the left panel after you click onto the block.

Adding Blocks and Content to your Website 2.png

Adding a new block

You can add new content blocks to your pages at any time. For example, you may want to add a contact form to a page that currently contains only portfolio photos.

  1. Hover over the space between two content blocks and click the green + icon that appears.
  2. Select the content block you’d like to add to the page. To locate a specific type of design (e.g. a contact form), use the categories on the left.

Tip: You can move your block up and down the page or to another page completely. Hover over the block to access these options in the top right.

Adding Blocks and Content to your Website 3.gif

Designing a block

Want to make a block’s layout your own? Pixieset Website’s templates are powered by the Flex Editor, which allows you to freely reposition individual elements of your content to create your own design. Get creative and customize everything, such as the positioning and size of each element, the fonts and colors, and even the block’s height. Learn more: Flex Editor - Tutorial Videos

To access a content block’s Flex Editor:

  1. Hover over the block and click Open Editor.
  2. In the editor, freely drag and drop existing elements. Alternatively, add new elements by clicking +Add Elements in the top left.
  3. At the top of the editor, shuffle between desktop, tablet, and mobile views to customize exactly how your content appears across devices.

Note: If you want to design an entire content block from the ground up with Flex Editor, you can create a blank block. They are available under the “Other” category when adding a new block.

Adding Blocks and Content to your Website 4.gif