Ucraft website pages have a common set layout with a Header, Body and a Footer.

Let us introduce you to the Left Panel as well, where you will find:
• The option to Preview how you website currently looks to your audience,
Blocks section, which enables adding designer blocks to your website,
• A wide range of site Elements,
Colors tool, to help you make your website more colorful and eye-capturing
• A set of Effects, to visually enhance your website along with the
• Progress Bar, that aims at figuring out the steps you should take to make your Ucraft website more professional and practical.

Make sure to check out the last step to see the progress you've made towards creating a perfect website for you.

As you know, Ucraft is based on the drag and drop feature, which means you can simply choose the desired element from the Elements section and drop it wherever you want. In addition, you can Undo the changes through the Ctrl+Z Windows shortcut or Command+Z if you are a Mac user.

The grey lines will show you where your element will be placed.

The elements can be set both in full width or grid width, that is to say occupy the whole screen or just the central part of your page respectively.

You can also drag the element in the grid width position to full width and back using the pointer.

Once you’ve picked the element, move it throughout the crafting area and hold for a while to notice the lines. You can place four elements in a row.

To have the elements in the center of your block, in other words in grid width, just move them to the central part and you’ll notice a grey line indicating where you can place them.

In case you want a particular element to stand in full width, drop the desired element to the very right or left sides of your sections.

Let us have a closer look at headers and footers. The wisely chosen and arranged blocks are not only eye-capturing, but are also pretty functional. For instance, you can place important elements, like your website logo or your site navigation bar, in your Header. If you want to add your contact info, a Subscription form along with social icons to the Footer.

Please note, that both blocks are fixed for all the pages unless you change the Page Visibility. You can read more about our Multi-header and Multi-footer feature here

Furthermore, you can also add predesigned blocks from Blocks section. Just choose the Block type and drag and drop it on your Header or Footer area.

  • Keep in mind that the width for the given blocks is fixed but once you’ve used a certain block, you can change its width just the way you prefer using the pointer.

!Note: Ucraft is not being tested on IE, so we don't guarantee a 100% website performance on this browser. We highly recommend switching to Safari, Chrome, Mozilla Firefox, etc. to avoid any technical issues.

Have more questions? We're never more than a click away! Don't hesitate to get in touch with us via Live Chat box in the lower right corner and ask right away!

We suggest checking out our Help Section as well for more insightful articles and a bigger view at Ucraft and the opportunities available.

Did this answer your question?