The Site Builder provides amazing ease of use and stunning results. Here are some of our best practices for using the LearnWorlds Site Builder.
General Tips
Work on a single tab
Prefer to work on a single browser tab while editing instead of having multiple ones opened. This is crucial not to overwrite your own changes. The same applies to more than one person working on the same page from different devices.
Do not paste formatted text
In general, we advise not to copy & paste text from another source without ensuring that the text is unformatted. i.e., when you paste text from Microsoft Word, the pasted text carries a lot of formatting rules. Although we do our tricks and remove most of the unnecessary formatting, there is a strong possibility that formatting rules may still remain in your text. The most secure way is to copy the text first to a simple text editor (notepad, for example, which automatically removes the formatting info) and then re-copy and paste the text into your page, or copy the text you wish and paste it in your school by hitting Ctrl + Shift + V for Windows OS and Cmd + Shift + V for macOS to paste the text without the formatting.
Improve your experience
Undo/Redo
You can undo and redo your editing actions in the Site Builder and Assessment/Form editor. More specifically, this option is available for:
- Site builder - Edit pages
- Site builder - Edit popup
- Edit topbar
- Edit footer
- Assessment editor
- Form Builder
- Certificate editor
- The Undo/Redo option is only available while editing a page/assessment; for example, if you change the page title via the Page Properties, you cannot undo this action via the undo/redo option.
- The Undo/Redo option can also be used after saving a Page or Assessment/Form if you do not leave the page you are editing.
Keyboard shortcuts
Here are the keyboard shortcuts that perform some actions, including the undo/redo functions:
- Ctrl+Z, Command+z: Undo
- Ctrl+Shift+Z or Ctrl+Y, Command+Shift+Z or Command+Y: Redo
- Ctrl+C, Command+C: Copy
- Ctrl+V, Command+V: Paste
- Ctrl+D, Command+D: Duplicate
- Ctrl+Shift+Up, Command+Shift+up: Move up
- Ctrl+Shift+Down, Command+Shift+down: Move down
- Delete: Delete element
- Ctrl+S, Command+S: Save (Ensure that you click on a blank space on your page before continuing with the Save keyboard shortcut.)
Check your pages’ responsiveness
Right-click on a page (in preview or live mode, not in authoring) and then click Inspect. Click on Toggle Device and select the screen size you want to preview your page on. You may find useful information on device authoring and scale here.
Hide the authoring toolbar while working on a page
Especially when working on a device with a shorter screen, hide the authoring toolbar while working on a page. Click on the little arrow at the bottom middle of the toolbar.
Pin the side form
You can easily pin the right sideform and it will bring the entire page into view on the left.
Instantly trigger the login/signup form
You might be testing changes on your login and signup form. You do not need to click on a sign-in/up button every time. To check your changes:
- Use this link https://yourschoolhere.learnworlds.com/?msg=not-logged-in (by replacing yourschoolhere.learnworlds.com with your school URL) to see the sign-in form.
- Use this link https://yourschoolhere.learnworlds.com/?msg=signup (by replacing yourschoolhere.learnworlds.com with your school URL) to see the signup form.
- Use this link https://yourschoolhere.learnworlds.com/?msg=resetpassword (by replacing yourschoolhere.learnworlds.com with your school URL) to see the reset password link.
Test your Changes
Testing a change (and especially when saving is needed)
A new idea for one of your pages has come up, and you want to test it out! You do not need to save it on your live page. You can clone it instead and test anything you want on the duplicated page.
Testing a change on the topbar/footer of your school
On a cloned page, go to Page → Page properties and select a custom page topbar/footer for this test page. Work on the clone’s topbar without affecting the main school topbar. Remember to delete the cloned page once you are done.
Incognito mode is God
Using incognito is awesome if you want to see your school as a logged-out user. Right-click on the browser icon on your computer’s taskbar, click incognito mode, and paste the live URL you want to see there. Alternatively, hit Ctrl + Shift + N for Windows or Cmd + Shift + N for Mac, and a new incognito window will pop up.
Test user account
Taking the incognito mode a step further, you can sign up to your school as a user and see the changes you are applying in author mode the way a user would.