At Top and Left
Hiding Toolbars During Preview or Editing
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.
Section 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.
Context Toolbar
- Available in some sections.
- Toggle button to switch toolbars.
- Toggle on to edit.
- Toggle off when done.
Where are Data and Images Saved
A Database in Your Browser
- IndexedDB by name
- Storage space is large enough for texts
- Export to and import from plain text backup online.
- Not intended for images, especially on mobile devices
- Integrated media library with online file storage
Purpose of Exporting Data
Backup
- IndexedDB is managed by browsers
- data could be accidentally deleted if you clear browsing data.
- back up is a good practice
Integration
- work with external app, for example static website generator
- load initial data from external app
- edit data and see changes immediately
- export data and feed to external app for further processing
- the tutorials in this section have been written this way.
Batch Operation
- process the page data as plain text
- export, search and replace term for example
- import back to generate a fresh page
Supported Data Format
TOML
- user friendly
- flexible about space and indentation
- can include comments
YAML
- user friendly
- strict about space and indentation
- can include comments
JSON
- intended for machine parsing
- not user friendly. text is difficult to read with escaped quotes
- can not include comments
Exercise
Export and Import Page Data
- Find the global toolbar by hovering on the left edge of the screen. If you are using a mobile device, you may need to tap on the left edge to show the toolbar.
- Click on the page setting () button to show the page setting options.
- Now click on the grid icon at the top of the option window. You will see a new set of tabs.
- Click on Export Data tab. You should see a big button (Download Page Data) at the bottom of the form.
- The data format defaults to TOML. Click the radio button to switch to YAML or JSON.
- If your external app requires data to be provided in certain way, you may define custom delimiters here. Otherwise just leave the delimiter box unchecked.
- Click the download button and choose where to save your data.
- The download button is not available on mobile devices. If you are using a mobile device, you can copy and paste the page data to another app.
- You can import the page data back by going to the Import Data tab. The formats of the data is automatically detected.
- If you have used custom delimiter, specify the same delimiter here for import.
Page and Site Data
Page Data
- data related to current page only
- page title and description
- body text
- local sections
- header background, primary colors etc
There can be multiple pages in one site or project.
Site Data
- data related to the whole site or project
- site title and description
- menu items
- default primary colors
- global sections
There can be multiple sites or projects. Each site has its own database.
Exercise
Export and Import Site Data
- Find the global toolbar by hovering on the left edge of the screen. If you are using a mobile device, you may need to tap on the left edge to show the toolbar.
- Click on the site setting () button to show the site setting options.
- Now click on the grid icon at the top of the option window. You will see a new set of tabs.
- Click on Export Data tab. You should see a big button (Download Site Data) at the bottom of the form.
- The data format defaults to TOML. Click the radio button to switch to YAML or JSON.
- Click the download button and choose where to save your data.
- The download button is not available on mobile devices. If you are using a mobile device, you can copy and paste the site data to another app.
- You can import the site data back by going to the Import Data tab. The formats of the data is automatically detected.
- Importing data will replace the data in the database. Make sure to import the right data.
- Note the site data and page data serves very different purposes. Importing to the wrong place will not work.
What People Say About It
Simply Amazing!
Creating More With Less
Data Storage, Exporting and Importing Data
This tutorial provides a step-to-step guide to export data for backup, and import it back.
Go and Talk page builder stores data in a database in your browser and works without a server connection. The database is managed by your browser, and can be deleted by clearing browser data. It is a good practice to always back up your data to disk or remote storage, and avoid accidentally deleting data.
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.
- clone sections and move sections around.
- toggle section applications on and off.
- make changes to the section.
- export page data for backup.
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.