Adding Images, Videos and Media to Your Site

Visual content makes your website engaging and professional. This guide covers adding and managing images, videos, and media.

Adding Images

Uploading Your Own

Click an image element > Upload > select file. Supports JPG, PNG, GIF, SVG, WebP.

Stock Photos

Click an image element > Stock Photos > search by keyword. Royalty-free and included with your plan.

Best Practices

Compress with TinyPNG or Squoosh before uploading. Recommended dimensions: hero images 1920x1080, content 800x600, thumbnails 400x300, logo 250x100.

Image Editing

After inserting: crop, resize, align, add border/shadow, make clickable, and always add alt text.

Image Galleries

Add a Gallery section. Choose grid, masonry, or carousel layout. Configure columns, spacing, lightbox mode, and captions.

Adding Videos

YouTube/Vimeo

Add a Video element > paste the URL. Standard controls are embedded automatically.

Background Videos

In section background settings, choose Video > paste URL. Options: autoplay (muted), loop, overlay color for text readability.

Tips

Host on YouTube/Vimeo (not direct uploads), keep videos 1-3 minutes, add poster images and captions.

Other Media

• Documents (PDF): Upload to media library, link via button/link element
• Icons: Use the icon library (Font Awesome, Material Icons), customize size/color/background
• Social Embeds: Use Custom HTML element to paste embed codes from Instagram, Twitter, etc.

Managing Your Media Library

Access from the editor toolbar. Search by filename, delete unused files to stay within storage limits. Use YouTube/Vimeo for videos to conserve storage.

Accessibility

• Alt text on every image (describe content, under 125 chars, include keywords naturally)
• Video captions and text transcripts for audio content
• Both improve SEO in addition to accessibility

Related Articles

• How to Add and Edit Pages
• Getting Started with Website Builder

Need help? Contact our support team at {{SUPPORT_URL}}/client/support.