Tilda Blog

FALL 2023 EDITION

#madeontilda: 10 Inspiring Websites Designed By Tilda Users

A cozy bakery with restaurant-quality food in Chicago, USA
An AI-powered digital advertising platform for apps from Hong Kong, China
An affordable and pet-friendly hostel in Ubatuba, Brazil
An international venture fund and business accelerator for early-stage startups
A home organization and interior design indie-company based in France
A smart home management systems provider for hotels based in Larnaka, Cyprus
A private swimming lessons school for toddlers and children in Miami, USA
An eco-friendly alternative packaging solutions company based in Sydney, Australia
An indie-beauty salon in Chisinau, Moldova
An alcohol addiction recovery and drinking habits control app

NOVEMBER 23, 2023

Input Fields In a Row For Online Forms In Pre-Designed Blocks

You can now display the input fields of your online forms in a single line. To do this, select "Combine into one row with the next field" in the Content tab of the block. You can also customize the width of each field in the row and set it to the default, 25%, 33%, 50%, or 100%.

Where to find: Any block containing an online form → Content tab → Input fields → More.

NOVEMBER 20, 2023

Style Preview And Letter Case Setup In Pre-Designed Block Settings

Settings that modify the style of elements are now more visual. The drop-down lists with style descriptions for the hamburger menu and navigation arrows are replaced with preview images. This is handy since you can see what a style looks like before applying it to an element.

On top of that, you can now modify the letter case for text elements in all pre-designed blocks with a single click.

NOVEMBER 7, 2023

Content Copy Protection For Lecture Texts

You can now prevent text and images in lectures from being copied-the new feature disables text selection and right-clicking in the browser. Note that this feature won’t guarantee 100% protection against all potential actions as it cannot block some of the browser tools.

Where to find: Members → Course → Add/Edit lecture → Protect content from being copied.

In the Course Statistics, you can now track the students' activity and see how effectively they interact with lectures and whether they’re engaged in the learning process. This data gives a clear idea of the percentage of course participants who are successfully completing lectures and submitting assignments and those struggling with starting the course. It can either display data for the last month with a day-by-day breakdown or for the last year with a month-by-month view.

Where to find: Members → Courses → Course Statistics → Activity.

Student Activity In Online Courses

More Members Area Updates

Randomized Question And Answer Order in Tests

Test questions and answers can be displayed in random order. This will make cheating more difficult. The update will increase the likelihood that students will take the test independently based on the knowledge gained in the course.

Where to find: Members → Courses → Add/Edit lecture (lecture type: Test) → Randomize the order of questions/answer options.

Exporting Group Members Data

It is now possible to export user data in the CSV format organized by group. It can be of use in case you want to send them marketing or any other types of newsletters or manage sales activities by adding them to a CRM or Google Sheets.

Where to find: Members → All Members → three dots next to the Add new member button → Export members.

OCTOBER 20, 2023

Digital Accessibility On Tilda

We’ve made a lot of progress and keep on working to make the websites you create on Tilda user-friendly for most people, including those with disabilities. Here’s a detailed recap of how Tilda’s digital accessibility is developing.

OCTOBER 17, 2023

Easier Google Fonts Connection

Using fonts from the Google Fonts library has become easier than ever. Now you don’t need to browse the Google Fonts library, look for the font you like, select the styles, and copy the link. You can simply connect selected fonts directly in Tilda.

OCTOBER 13, 2023

You now have more flexibility in personalizing easing for each step of the animation. Previously, 5 basic types of easing were available: Linear, Ease-In, Ease-Out, Ease-In-Out, and Elastic-Fin. Now you can manually adjust easing, set precise values for this feature, as well as take advantage of 24 new types of easing.

Advanced Easing Settings In Step-by-Step Animation

The size of the Zero Block editor interface elements is no longer affected by zooming in/out of the workspace. Guides, grid lines, element borders, and rulers have been revamped to make your work in the editor more comfortable.

Optimized User Interface When Zooming In/Out

You can now apply changes to a page you’re designing in Zero Block without leaving the editor. Simply click "Publish" in the upper right corner and the page will be published.

One-Click Page Publishing In Zero Block

To display the button, open Artboard Settings → Zero Block Settings → Publish.

Each animation sequence runs once, then plays all the steps in reverse, and then starts over again, making it ideal for infinite loop animation. The setting is available for all animation events except for animation "On scroll."

Loop with Reverse in Step-by-Step Animation

The animation sequence runs only once—it won’t repeat until the page is refreshed. This is useful when the animated element needs to appear after a button click or hover and remain visible on the page. The setting is available for "on Hover" and "on Click" animation events.

Loop Once in Step-by-Step Animation

Overflow Setting For X & Y Axes

It is now possible to set separate overflow settings for the X and Y axes. This is handy if, for example, you want cards or reviews to scroll only horizontally, without vertical displacement.

Where to find: Artboard Settings → Position and Overflow.

You can now customize the settings for displaying a fixed Zero Block on the page for each resolution.

Zero Block Fixation Settings For Each Resolution

Where to find: Artboard Settings → Position and Overflow.

It is now possible to clear element settings for lower screen resolutions. This can come in handy if you don’t like the design of some of the mobile versions created earlier and want to quickly reset the design and start over.

Reset Element Settings In Lower Resolutions

Where to find: select one or more elements → right-click to access the context menu → Clear Adaptive Design.

Now the artboard can be scaled between 20% and 300% and moves relative to the cursor position. This range makes it easier to work with small details or complex animations with lots of elements when you need to zoom out the board as much as possible to see the full picture.

Extended Artboard Scale From 20% Up To 300%

You can now apply linear and radial gradient effects to vector elements. The feature works for the fill and stroke colors. You can also import and edit SVG files containing gradients created in other graphic editors.

Gradients & Masks In Vector Editor

Also, when importing SVG elements, masks are supported—they will be properly imported and ready to be modified on Tilda.

Zero Block Updates

OCTOBER 10, 2023

New Template Category: Link In Bio

In the new "Link in bio" category, you will find 25+ new templates that will help you spread the word on social media and messengers. Choose a template that suits your design and industry, introduce yourself, add your contact details, place products for sale, and much more.

OCTOBER 6, 2023

Members Area Updates

In the Course Statistics, you can see how students are attending your course and completing their homework. This data will help you understand which lectures and assignments students enjoy and which are causing difficulties. Based on this data, you can improve your course and its completion rate.

Lecture Statistics in Online Courses

Where to find: in your project, open Members → Courses tab → Course Statistics.

Side Menu Update

Groups and courses are now organized in drop-down lists for a more compact display and quick navigation to the Members Area Settings. If you have more than 15 groups or courses, a search box appears to make it easier to find the desired course or group.

If you hold the title of a group or course, you can drag the selected item to rearrange its position in the list. For example, you may want to move the course you work with most often to the top of the list.

OCTOBER 3, 2023

More Updates

In blocks ST300, ST305N, ST310N, ST315N, ST320N, and ST330 from the "Store" category, you can fix the purchase button on the product page in the mobile version.

Fixed purchase button on the product page for mobile versions

Where to find: Block Settings → Pop-Up → Fixed purchase button for mobile version.

In pre-designed blocks, you can now add a gradient for buttons and the background color of the block.

Gradient support for buttons and block background color

Where to find: Block Settings → Block Background Color, or Block Settings → Buttons → Background Color.

You can now set additional display options that will automatically be applied to all links on your website. New parameters:

• Underline Width
• Underline Color
• Link Color On Hover
• Underline color On Hover

Customized Link Style For the Entire Website

Where to find: Site Settings → Fonts and Colors → Colors → Advanced Settings.

When creating promo codes, you can now add a description for them. This comes in handy if you need to add notes about promo codes that are only visible to you.

Promo Code Descriptions

SUMMER 2023 EDITION

#madeontilda: 10 Inspiring Websites Designed By Tilda Users

A real estate agency that assists in finding rental apartments in Geneva, Switzerland
An indie toy brand that offers early development high-tech toys for toddlers and young children, situated in Turkey
A roofing contractor company that provides solutions for industrial ceiling installation, based in Sweden
A certified association that helps jump-start a caregiving career for late adolescence and young adults, located in Strasbourg, France
A travel company that offers unique kayak tours around Venice, Italy
A construction company that specializes in constructing wooden and brick houses on a turn-key basis from Czech Republic
A sustainable energy supplier, powering the sub-Saharan region
An indie jewelry brand that makes silver and stainless steel jewelry with natural stones from Mexico
A modern bakery that specializes in creative, artistic, and tiered cakes, based in Madrid, Spain
An online store for snow sports gear, outdoor clothing, and accessories from Armenia

SEPTEMBER 8, 2023

Latest Video Tutorials

A video tutorial that will help you decide whether the built-in CRM fits your project needs

A walkthrough Tilda's built-in email campaign builder

Method 2: By Pointing It To an IP Address

A step-by-step tutorial on automatic import of Figma layouts into Zero Block

Method 1: By Modifying Its NS-Records

How To Manage Leads Using Free Tilda CRM

How To Create Newsletters

Connecting Custom Domain

How To Turn Figma Designs Into Live Tilda Websites

How To Connect & Transfer Custom Domain Management To Tilda

SEPTEMBER 5, 2023

New Color Picker

It is now easier to use the website color palette and pick the right color faster. Select any color from the page using the eye dropper tool, and choose a preferred color model for your website: HEX, RGB, or HSL.

You can also customize the palette to be displayed in the panel by default: Colors on page, Saved colors, Tilda Colors library, or Gradients library.

August 28, 2023

Easy Page Navigation In the Editor

You can now navigate through your web pages using the drop-down list in the editor header. There you can also rename the current page, add a new one, or open the settings of any page.

The icon of a page that was not yet published is displayed in gray color; and if you have made changes but have not published them, a blue dot will appear next to the page icon.

To change the page order, just drag and drop them to the desired location. When there are many pages in the project, use search box to quickly find the right one.

You can now specify which screen resolution you want the guides to be displayed on. This way you can easily customize your workspace without wasting time on hiding guides that are not relevant for certain resolutions.

The guide coordinates and settings bar is now fixed on the left side of the screen. This allows you to always see and quickly change guide coordinates, regardless of your location in the workspace.

Updated Guides

You can turn any Zero Block into a pop-up using the modifier block Т1093 "Pop-up: Zero Block in pop-up" from the "Other" category. This comes in handy when you want to create an animated menu, a customized tooltip that appears on click, a promo pop-up, and many other things.

Zero Block In Pop-Up

Flexible Background Image Positioning For Shapes

You can now customize the position of the image uploaded to Zero Block using the shape element. This allows you to quickly change the block layout and have more flexibility if the basic position options don’t work for you.

When the size of the shape is set in pixels, you can adjust the exact positioning of the background image. If the size is set in percentages, you can adjust the "focus," the part of the image that remains visible when the shape is stretched on different screens.

Where to find: Select the shape → Settings → Background Image → Position.

When you select an element, its size is highlighted on the rulers. You can see the exact X and Y coordinates, which makes positioning elements more comfortable. Highlighting works with single and multiple elements, as well as with groups.

Highlighting Element Coordinates On Rulers

AUGUST 23, 2023

Zero Block Updates

When creating a course or online school on Tilda, you can now schedule delayed lecture posting. Two options are available:

Scheduling Lectures In Members Area

You can choose after which lecture to post the following one and how many hours, days, or weeks later to open it.

Use this feature if you want to automate the process of gradually accessing lectures. To set up delayed publication, create a new lecture or edit an existing one. Then select the desired parameter under "Show The Lecture After": Show on lecture completion or Show after the date.

You can now customize emails that are automatically sent to users when they perform certain actions.

Personalized Email Templates

The setting is available for the following emails:

• user signup in the personal account;
• adding a member to a group;
• password recovery;
• modifying an email/login;
• password update.

To create your own email, go to Members Area Settings → Mail Settings. Make sure you’ve chosen your website language in Site Settings before personalizing the emails for members.

Pending Group Membership Message

The member card now displays information about pending group membership if the option to automatically add members to the group is disabled.

You can enable this feature in the Settings of each group in your Members Area.

You can now add your own mail server. This is useful if you are planning to send more than 500 emails per hour.

Custom Mail Server

Where to find: Site Settings → Membership → Manage members → Members Area Settings → Mail Server Settings → Mail server.

Fonts and colors for the Members Area are now used from the project and can be modified in Site Settings → Fonts and Colors. To apply changes, open the Membership dashboard—the updates will take place automatically.

Font & Color Settings For Members Area

AUGUST 17, 2023

Members Area Updates

AUGUST 11, 2023

New Template In the Pro Category

Neat typography, 4-column grid, a light pattern on the background, and emphasis on photography. Great for a product, service, or event promo page in the fashion industry.

When creating the template, we used Breakpoints, the new Zero Block feature.

SPRING 2023 EDITION

#madeontilda: 10 Inspiring Websites Designed By Tilda Users

A New York–based jewelry brand that embraces functional minimalism in its website design
A punk-pop rave band with a unique style that manifests in everything that they do, including their website design (trust us, it’s worth checking out)
A Vietnamese coffee brand with a multilingual website that makes their products honoring old traditions
A next-generation art studio that helps digital artists create dynamic NFTs using low-code solutions
An incubator that nurtures WEB3 projects globally; see how their website features a nostalgic design reminiscent of late 90s video games
A landing page of an early adopter program for a web app that offers a set of tests and tools for self-discovery and personal growth
An Italian brand that provides a variety of different digital and physical products for inner and outer beauty
A retouch studio that advocates for clean and nice, yet natural results with an impressive portfolio website showcasing famous brands and celebrities
A Berlin-based service that offers a payment card that unlocks exclusive sport-related opportunities for the owner
A next-generation virtual assistant that’s claimed to replace entire contact centers

You can now fix the position of Zero Block on the page. This allows you, for instance, to create a fixed menu with a custom layout. It can be fixed at the top or bottom of the page and set to appear after X pixels are scrolled down (Appear Offset). If Appear Offset is selected, two animation options—Fade In and Slide Up/Down—become available.

Where to find: Artboard Settings → Position And Overflow.

Fixed Zero Block position on the page

Font selection for online form input fields

You can now modify the font family for the online form input fields.

Where to find: Form Settings → Form Style → Input Font Family.

Round shape corners using dots

To round the shape, drag the dot in the bottom right corner of the element. The detailed corner radius setup is also available in the element settings.

You can now select several elements or groups and apply a Basic or Step-by-Step animation effect to all of them at once.

Group animation editing

Trigger Offset animation setting for each screen resolution

Set the number of pixels that have to be scrolled before the animation starts (Trigger Offset) individually for each screen resolution.

Where to find: Step-by-Step Animation → Trigger Offset.

For the Video element, the sound will be muted when autoplay is enabled. The setting cannot be modified as the latest browser versions don’t allow autoplay with sound.

Mute videos with autoplay

Rulers

You can enable rulers and pull out guides to simplify the layout design process.

Where to enable: Zero Block Settings → Show Rulers.

Zero Block
Updates

MARCH 21, 2023

MARCH 14, 2023

Tilda Sans Typeface Available For Download

Tilda Sans is Tilda’s signature variable typeface. It was created in late 2021 and could only be used by the platform users. As of today, anyone can download Tilda Sans for free and use it in any kind of project, including commercial ones.

You can now more flexibly edit the design of the signup and login page for people you provide access to Courses or Members Area.

Signup and Login pages
design is now customizable

It is now possible to add a header and footer for pages with a list of groups and courses and a list of lectures.

Where to find: Members Area Settings → Project Settings → Set Header/Footer.

Adding header and footer
for some pages

Attaching files
to homework submissions

Students can now attach files when submitting their homework. They will be saved on the cloud storage of your choice: Google Drive, Dropbox, OneDrive, Amazon, etc. To enable file upload, you need to specify the Tilda Upload Widget key in the Course Settings.

MARCH 7, 2023

Members Area Updates

WINTER 2023 EDITION

#madeontilda: 10 Inspiring Websites Designed By Tilda Users

An organizational app for teams trying to make us forget about spreadsheets
A portfolio website of a French artist with an unconditional fascination for skulls based in New York
A music marketing agency that believes odd is cool (it shows up on their website:)
A service that finds clubs for children in the local area (try their step-by-step quiz!)
A luxury property developer in Lisbon and on the coast in Cascais and Estoril, Portugal
A lifestyle online store for modern mothers
A multi-lingual website for a smoked meat restaurant chain in Canada
A European renewal energy community advocating for investments in the green future
A digital dental app with artificial intelligence that can pre-diagnose plaque, dental caries, etc.
An edutainment center for children and teenagers with classes, parties, and clubs in Dubai, UAE

FEBRUARY 21, 2023

Vector. New Element In Tilda’s Zero Block

You can now create and edit vector elements in Zero Block. With the new vector editor, you can design any kind of shapes and basic illustrations for the website, as well as refine imported SVG files.

For some blocks from the "Tile and Link" category, you can now round the corners of the cards. The new setting is available for TE100, TE105, TE205, TE215, TE230, TE700, and TE710 blocks.

How to enable: Settings → Cards → Corner Radius.

Rounded corners for blocks from the "Tile and Link" category

In Zero Block, it is now possible to add MP4 videos. Upload the video to your own server and link to it in the Settings of the Video element.

HTML videos in Zero Block

Modifying font size for the product description and container size in product cards

In the product card, it is possible to adjust the size of the content container and set it either to 12 columns or 100% of the screen width. Available for blocks ST300, ST305N, ST310N, ST315N, ST320N, and ST330 from the "Store" category.

In blocks ST310N, ST300, ST305N, ST315N, ST320N, and ST330 you can now set the font size for the product SKU, options, and characteristics.

Where to find: Settings → Pop-Up.

Where to find: Settings → Typography.

Deleting outdated posts in the "News feed channel" block T854

You can now manually delete irrelevant news for Telegram channels connected through the bot in the block T854 "News feed channel" from the "Other" category.

Where to find: Content → Go to the news feed settings → click Settings next to the required channel → Delete outdated posts.

In the mobile version of the GL23 "Masonry gallery" block, the images display in two columns. If a user is viewing the website from a 320px wide device, the photos will be displayed in one column, as they were before.

Masonry gallery in two columns for mobile view

Members Area updates

You can now set fonts and colors for the Members Area in Site Settings. To apply changes, simply open the Membership management panel.

Where to find: Site Settings → Membership → Manage members → Members Area Settings → Mail Server Settings.

FEBRUARY 7, 2023

More Updates

JANUARY 30, 2023

Custom Setup Of Viewport Sizes In Zero Block

You can now flexibly set up viewport sizes and create responsive layouts for any device in Zero Block using custom breakpoints. The breakpoint range is 320px to 1920px.

You can modify 5 default screen sizes, add new breakpoints, or remove unnecessary ones. A maximum of 10 different viewport sizes can be configured.

JANUARY 25, 2023

New Block-Based Text Editor In Feeds & Courses

The new editor is designed to simplify and speed up creating layouts for your articles and blog posts. In place of the default block library, the following types of content are available: Text, heading, image, video, quote, introduction, divider, callout, and designed code with highlighting. It is also possible to add third-party HTML code to the page.

Blocks can be modified using the context menu: Move, delete, and convert them to other types, such as from body text to a quote. Some block types have a specific set of settings: You can set a caption, alt text, and a link for an image.

JANUARY 20, 2023

Dynamic Discounting In Product Catalog

You can now create flexible—linear or differential—discounts for your products in the Catalog.

The linear discount varies within a set range, such as from 5 to 15%, depending on the number of orders or the total purchase amount. The differential discount is fixed, and you can assign multiple rules to it.

You can set several discounts and apply them to all the products in the Catalog, specific categories, or selected products. You can also specify the discount duration and the number of available activations.

Where to enable: Product Catalog → three-dot menu in the gray panel on top → Discounts.

Marcus explains his approach to a quick concept validation by creating landing pages on Tilda and tells about his personal project Foodparks

Marcus Triest, UI/UX Designer & Head Of Product Based In Austin, Texas

JANUARY 17, 2023

Tilda Customers' Success Stories

JANUARY 10, 2023

New Template In the Pro Category

Fox is a minimalist Swiss-style template. Orange is used not only as an accent color but also for content. Note the typography design and the usage of white space.

The template is created in Zero Block using Auto Scale.

DECEMBER 22, 2022

Tilda. Year In Review 2022

Online course builder, advanced interface mode, new eCommerce features, block & CRM updates, and more for your projects on Tilda.