Tilda Blog

⚡️ Turning Zero Block Into a Pop-Up

You can now turn any Zero Block into a pop-up: Just add the new modifier Т1093 "Pop-up: Zero Block in pop-up" block from the "Other" category. Discover how you can use it👇

Use Cases For the Block
Let's say you need a pop-up but standard solutions in the Library don't suit you well. With this new block you can create animated menus, personalized tooltips that appear on click, promotion pop-ups, etc.

How Pop-Up Shows Up
You decide how the pop-up appears: Either on click or right after the page loads. To set the latter up, check the relevant box in the block Settings.

You can also customize the pop-up's look by adjusting alignment, background blur, animated elements, etc. Configure separate looks for desktop and mobile, set animation speed and smoothness, and specify the screen side on which it should appear.

Tips On Using the Block
When designing a custom menu, in the block Settings you can:
  • Select positioning (the most common option is top alignment).
  • Hide the close icon or configure its color. You can upload a custom image for it, if needed.
  • If you don't need the background color or blur effect, remove values from these fields.

When designing a pop-up, in the block Settings you can:
  • Choose a contrasting color for the pop-up's background to make it stand out.
  • Specify a light color for the close icon, so it doesn't blend in with the pop-up's background.
  • Adjust the width and height of the pop-up in the Zero Block settings.

Check out a step-by-step guide on how to create different types of menus for your website using the new T1093 block: https://blog-en.tilda.cc/zero-block-in-pop-up
Made on