Blocks

Blocks »File Block

The File Block allows you to drop a download link to document files right in your website.

Select your file from the media library, or upload one from your device.
Select your file from the media library, or upload one from your device.

The file block can be added from the Block Inserter icon. Alternatively, you can use the slash command /file and press Enter. 

Add the file block with the slash command /file.
Add the file block with the slash command /file.

Detailed instructions on adding blocks can be found here.

Block Interface

Each block has its own block-specific controls that allow you to manipulate the block right in the editor.

File Block Interface

↑ Table of Contents ↑

Adding Files

To add a file, either Upload a new file from your device or select one from the Media Library.

Choose file block specific options from the block options panel.
Choose file block specific options from the block options panel.

↑ Table of Contents ↑

Alignment

When you select your file block, a toolbar will appear. Three of the options are for the block’s alignment, right, center, and left. Choosing right or left will allow you to place another block alongside the file block. Choosing center will return the block to its default, taking up the full width of the post or page.

↑ Table of Contents ↑

Edit

This is another option in the file block‘s toolbar. Choosing this will allow you to select a new file for your block. Use this if you need to replace the file in your block.

↑ Table of Contents ↑

Block Settings Panel

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

The block settings can be found in the sidebar.
The block settings can be found in the sidebar.

As you can see, the file block offers text link settings, download button settings and advanced options.

File Block Settings Panel

↑ Table of Contents ↑

You can choose whether to link to the media file directly or a separate attachment page. These two options can be opened in a new page if you wish to not have the user navigate away from the original page.

File Block - Text Link Settings

↑ Table of Contents ↑

Download Button Settings

You’ll notice that the file block comes with a Download button that can be toggled on and off from the block options panel.

File Block - Download Button Settings

By toggling it off, the file name will appear hyperlinked on the live site.

↑ Table of Contents ↑

Advanced

Lastly, you can easily add a CSS class from the Additional CSS Class field.

Block Button Advanced Tab

Not quite what you're looking for?

Get Help