The website editor has three main sections: the top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site look the way you want. Let's run through each one!
Top navigation bar
Use the top navigation bar to move between different pages on your site and to view and edit your website on different devices.
Use the drop-down menu beside the Looka logo to select which page you would like to edit. This will take you to that particular page.
Click a device in the top bar to see how your current page looks on that device (desktop, tablet, and mobile). You can also make edits to your website on specific devices (i.e. you'll notice that your website menu is different on mobile devices to account for the smaller screen size)
The navigation bar also has controls to undo or re-do actions in the editor, and preview or publish/republish your site.
Note: If you don't have a Brand Kit Web Subscription to publish your website, you'll have to purchase or upgrade to publish your site. This article has information about how to upgrade to a Brand Kit Web Subscription.
The top navigation bar also has an indicator for when changes in the editor are saved.
Clicking on the info (i) icon also lets you:
Access a preview link that you can share with others
View your website statistics (once your website is published)
Change the language used in your website editor
Left panel
The left panel contains all of the widgets and features you can add to your website.
The left panel also has features to make broad, sweeping changes to the entire site. For example, you can change the color scheme or button design in the Theme tab, add new features and widgets with the Widgets tab, change your pages' configuration in the Pages tab, and make administrative changes in the SEO & Settings tab (for example, changing the site's domain).
Content area
The Content Area is where you can move or add any of our features, or click and edit to make changes to them. The content area allows you to change images, edit text, add/remove buttons, and more.
Adding widgets
The website builder is built from a header, footer, rows, and columns. Every widget you add is inserted into one of these sections. Widgets contain the text, images, buttons, and other content of your site.
To add widgets to your site:
In the left panel, click Widgets.
Search for the widget you want, and then drag and drop it into your site.
To edit a widget, click into the widget and you should see an editing panel open. Note that this panel will be different for each type of widget. To edit a row, hover over the row and click on Row in the top left. Then click on Edit Design.
To delete a widget from your site, hover over the widget and click the red X in the top right of the widget. To delete a row, hover over the row and click on Row in the top left. You should now see the option to Delete.
To arrange widgets side by side, drag a widget onto your site, add a column to the row where that widget has been placed, and then drag another widget into that column. Alternatively, drag the two-column widget onto your site and then drag and drop the widgets into each column.
What's Next
Now that you know where to find everything in the website editor, it's time to start editing! Here are some articles to get you started: