At Top and Left, Hidden Initially
Toolbars
Application Toolbar
- At the top of each section.
- Manage current section.
- Apply to current section.
- Turn app on and off.
- Toggle edit mode.
- Toggle global toolbar.
Global Toolbar
- At the left side of the screen.
- Manage global settings.
- Apply to the current page, or all pages.
- Hide all section tools.
- Hide itself.
Context Toolbar
- Available in some sections.
- Toggle on to edit.
- Toggle off when done.
Hover or tap to show the toolbars.
Toggle On Demand
The State of Section Application
Off
- The Application is currently off.
- Click this button to turn it on.
- Not available for apps that are always on.
On
- The application is on.
- Click this button to turn if off.
- Not available for apps that are always on.
Exercise
Managing Toolbars
- Hover on the edge of a section to find the section toolbar. You may need to tap to show the toolbar on a mobile device.
- Hover on the left edge of the screen to find the global toolbar.
- Click on the arrow sign < to hide the global toolbar.
- On the section toolbar, click on the vertical toolbar icon to show the global toolbar again. Make sure you click it ONCE. This button toggles global toolbar, and the number of clicks will decide whether to show or hide the global toolbar.
- Verify the global toolbar is visible now.
- Now you know how to hide or show global toolbar.
Buttons and States
Buttons Available When the Section App is On
Edit
- The app is in standby mode.
- Click on this button to switch to editing mode.
- The section works like a normal web page.
- Click on a link will take you to a new resource.
Editing
- The app is in editing mode.
- Click on this button to exit editing.
- Click on text or image to start editing.
- The section will behave differently.
- Click on a link will bring up an editor.
Save
- Click this button to save the current PAGE.
- Click on “Save” button on any section will save the whole page.
- This button works in standby and editing mode.
Settings
- Toggles more options of the current section.
- This button works in standby and editing mode.
Exercise
Images at Side
- Hide the global toolbar to make room for this exercise.
- Find the toolbar of this section.
- Click on the toggle icon to turn this app on.
- Click on the Edit button to switch to edit mode. You should see a context toolbar.
- Click on the button labeled T (t for toggle) at the top corner of the section to switch to another toolbar, or hide them altogether.
- Click on this button again to show the toolbar.
- Drag the sliders and see how they affect the layout.
- Click on the buttons to find out what happens. If you hover on a button, a tooltip will give some clue about itself.
- You may need to tap a button before clicking it on a mobile device.
- Switch off the editing mode when done.
Exercise
Alternate Image Layout
- Hide the global toolbar to make room for this exercise.
- Find the toolbar of this section.
- Click on the toggle icon to turn this app on.
- Click on the Edit button to switch to edit mode. You should see a context toolbar.
- Notice the image of this section is on the side opposite to the previous section. If you are on a mobile phone, you may need to view in landscape mode to see this.
- Click on the image and text icon to change the position of this image in the section.
- Click on the image to show a popup window, and enter the URL to the image you want to use.
- Drag the slider to allocate different space to image and text.
- Place the text above the image, drag the text slider to adjust the width of the text within the column.
- Click on the text alignment button and place text block to somewhere you want.
- Click on the Editing button to exit editing mode when done.
Exercise
Background and Foreground
- Hide the global toolbar to make room for this exercise.
- Find the toolbar of this section.
- Click on the toggle icon to turn this app on.
- Click on the Edit button to switch to edit mode. You should see a context toolbar.
- Drag the slider to allocate different space to image and text, and bring it to the foreground for editing.
- Place the text beside the image, and flip to left or right as you want.
- Click on the Editing button to exit editing mode when done.
What People Say About It
Simply Amazing!
I created stunning landing pages with Go and Talk, without writing any code. This is simply amazing!
Tina
Web Designer
Creating More With Less
Editing Text and Image Layers
With Go and Talk page builder, you can create sections with images floating to the left or right alternately. You can place text anywhere on the image, or place one image above another to create interesting effect.
If you have completed all the exercises in this tutorial, you should have made the following achievements:
- know where to find section toolbar and global toolbar.
- know how to toggle global toolbar.
- know how to turn section app on, and switch to editing mode.
- change the position of text and image.
Well done. You will acquire new skills and explore new features in other tutorials. Stay tuned.
About Go and Talk Page Builders
Go and Talk page builder is a lightweight web design tool running in the browser. It empowers designers and marketers to create presentable pages quickly without coding. It is optimized for running on mobile devices such as tablets. The generated web pages are responsive, lightweight and optimized for search engines.
Copyright Goandmake SEO Marketing 2019. All rights reserved.