Home / Ucraft How To's

The Edit Mode Basics

Customer Success Team

Last updated on Dec 08, 2023

Once you've created a new website on Ucraft, the system will automatically generate a free Ucraft subdomain like mysite.ucraft.site that will be available to the public right away.

To access your website's edit mode and start making changes, you need to add a /design at the end of your site's URL: mysite.ucraft.site/design.

Before you get started, we highly recommend watching this short video tour for more insight on how everything works.

The Editor Tools

Easily access these Editor Tools via the Left Panel!

  1. Preview- Leave the Edit Mode to preview your website in Public Mode for the Desktop, Tablet, and Mobile views.

  2. Dashboard - Make use of the handy apps to manage your website Pages, set up SEO, connect your custom domain, access 3rd party integrations and much more.

  3. Blocks - Discover pre-designed blocks with specific elements and layout created to help you build your website quickly. To add a block, drag and drop it to your preferred place.

  4. Elements - The elements are customizable widgets that can be added to your page. These include Image, Image Slider, Gallery, Title, Paragraph, Video, Icon, Logo, Button, User Account, and Blank Space etc. To use an element, drag and drop it to where you like.

  5. Colors - Create a custom color palette. You can drag and drop your custom color on a button, text, block, column, or page background to apply.

  6. Effects (fx) - The effects aesthetically enhance your website. They are divided into four sections: Fade In, Rotate, Parallax, and Affix. To apply, drag and drop them on different elements, blocks, or background images.

  7. Progress - A beginner-friendly checklist designed to help you complete the Ucraft Basics. The Basics include: Add Your Logo, Edit Your Content, Use Blocks, Change Colors, and Add Elements. Once you've mastered the basics, complete the Advanced and Additional steps recommended for webmasters or designers.

  8. Undo - Use this function to reverse an earlier action. You can also access this function through the Ctrl+Z or Command+Z shortcuts. After you refresh your page, all the changes you made will be saved and you won't be able to Undo actions done before the page refresh.

  9. Help - You'll be redirected to our Help Desk. If you need further assistance, contact us directly via the Live Chat box, located in the lower right corner. Our Support Team will provide you with top-notch quality support, 24/7.

    1. Latest Synchronization - The Track Synchronization button, which is the blue check mark located at the bottom of the Left Panel, shows the last syncing operation time. All the changes made on your page are automatically saved, so your site will go live without publishing.

Mobile Version

This option gives you a chance to edit your website for different devices and optimize it for mobile screen. Click on the Monitor icon to choose the version you'd like to edit: Desktop, or Mobile.

  • Keep in mind that all the changes made in the desktop version of your site will be applied to the tablet and mobile versions as well. However, if you make changes on the mobile version, it will only be applied to the mobile version.

  • If you want to simultaneously delete an element from all the edit modes, you'll need to delete it from the version where it was first created.

Related Articles

Apply Effects to Your Blocks and Elements

The Pages App

Create Different Versions of Your Website for Mobile, Tablet and Desktop Views\ ​\ If you have any questions or concerns, contact us directly via the Live Chat box, located in the lower right corner. Our Support Team will provide you with top-notch quality support, 24/7.