Black Friday Sale
Lifetime 70% discount on all plans
Ycode logotype
Features
Layout & Design

Experience full design control to craft professional websites.

CMS

Organize your content your way for maximum impact.

Forms

Build contact, newsletter, and filter forms effortlessly.

SEO

Boost your website's SEO with optimized controls.

Interactions

Add some spark to your website with interactions.

Localization

Translate your website into multiple languages.

Resources
Templates

Customize any template to fit your style and needs.

Academy

Start learning Ycode for free. Get answers to your questions.

Experts

Find experts to help with your website project.

Blog

No-code insights to help you build and design better projects.

Support
Help Center

Find step-by-step guides and answers in our knowledge base.

Contact

Contact us for urgent help.

Community

Connect and learn from others.

Pricing Partners
Log in Sign up
Introduction
Getting started
Dashboard
Dashboard
New project
Profile
Switch account
Users
Billing history
Account settings
Project settings
Project settings
General settings
Project ownership
Allow cloning
Project plan
SEO
Domain
Redirects
API Tokens
Builder
Builder
Canvas
Layers
Switch page
Left-side panel
Editor mode
Keyboard shortcuts
Breakpoints
Preview
Publish
Elements
Elements
Structure
Content
Actions
Media
Tables
Lists
Layouts
Slider
Forms
Form structure
Data form
Filter form
Advanced form
Authentication form
HTML
HTML
Import
Export
Embed
Design
Layer styles
Components
States
Layout
Sizing
Spacing
Typography
Backgrounds
Borders
Position
Effects
Color controls
Animations
Intro to Animations
Trigger
Properties
Page settings
General settings
SEO settings
Social share
Page folders
Workflows
Intro to workflows
ID
Types
When
Events
Data
Interactive
Other
CMS
CMS Collections
Import data
Dynamic elements
CMS pages
Display settings
Filter and search
Collection sorting
Dynamic sorting dropdown options
Pagination
CSV Export
Settings
Integrations
Zapier
Airtable
Custom code
Custom code
Related articles
Slider
Layouts
Lists
Tables
Media
Actions
Content
Structure
Elements
Documentation Elements

Media

Actions are a crucial part of any webpage or application, these elements, allow users to interact with your content and navigate your website or application.

By using actions effectively, you can guide your users to specific pages or sections of your site, provide important information or call-to-actions, and make your content more engaging and interactive.

The media elements available are:

  • Image

  • Icon

  • Video

  • Audio

  • Youtube

With a media element selected go to the right-hand side to the Settings tab, here you have additional options for each media element.

Image

Image elements are basically placeholders where you can upload or drop an image URL to display. Images can be placed anywhere—next to the text, in bullet lists or on top of another background image.

Once the image element is added to your canvas with the element selected, go to the right-hand side to the Settings tab, here you will have a section just for image options:

  • Details: This is where you can choose or replace the image.

  • URL: You can add an image URL.

  • ALT: This gives you the ability to add an ALT image description, this is in case your image fails to load you can have a written description of it.

  • Lazy load

Icon

If you’re a designer, you probably love icons (or at least, work with them quite a lot). The best icon format is without a doubt SVG, with this format, you can easily change the size and color of the icons.

Video

Want to insert your own video into Ycode? With the video element, you totally can!

Once the video element is added to your canvas with the element selected, go to the right-hand side to the Settings tab, here you will have a section just for video options:

  • Replace video

  • Add a video URL

  • Mute sound

  • Display controls (play button, sound icon, etc)

  • Loop video

  • Autoplay (only available when video sound is muted)

  • Poster, this adds a placeholder image to the video before the user starts playing it.

Audio

You can add an Audio player element to your canvas, this will enable you to add music to your website, do keep in mind the audio file only supports mp3 file types.

Once the audio element is added to your canvas with the element selected, go to the right-hand side to the Settings tab, here you will have a section just for audio options:

  • Replace audio

  • Add audio URL

  • Manually change the audio volume

  • Mute sound

  • Display controls (play, mute, volume icon, etc)

  • Loop audio

Youtube

This element lets you add a youtube video to your website.

Once the youtube element is added to your canvas with the element selected (the youtube element, not the video wrapper element it comes inside of), go to the right-hand side to the Settings tab, here you will have a section just for youtube options:

  • Video ID: This is what enables Ycode to find your youtube video, it’s a string of letters and numbers at the end of a video link. Trying to add the full link for the youtube video on this field won’t work, only the ID will!

  • Mute sound

  • Loop video

  • Autoplay (only available when video sound is muted)

  • Privacy: Embeds video without the use of cookies

Browse by category

Dashboard
Project settings
Builder
Elements
Forms
Design
Animations
Page settings
Workflows
CMS
Settings
Integrations
Custom code
Ycode logotype

Visual development platform for designers and agencies.

Features Design CMS Forms SEO Animations Localization
Product Updates Roadmap Pricing Templates Developer API
Company About us Services Blog Contact Brand resources
Learn Help Center Academy Community Customer stories
Partner Experts Partner program Become a Ycode expert
Compare Ycode vs. Webflow Ycode vs. Framer Ycode vs. Squarespace
Let’s keep in touch

Join our monthly email with no-code insights and Ycode updates.

Done!

Thank you for subscribing.


2019 - 2025 © Ycode. All rights reserved.
Terms & Policies Cookies settings