The Page Editor


The Page Editor is what you will use to add and edit content to the pages on your SquareHook site.  It is very simple to get started.

 

Page Settings

      The Page Settings controls:

  • A page's title
  • The way the URL will appear on your site for that page
  • A description of the page
  • SEO Customization
  • This is also where you will chose which layout you would like for this specific page.  Some of our templates will include multiple layouts that include or exclude certain elements from the layout such as: Image carousels, sidebar features etc.
  • Code injection option
  • Page user authority
Note: It is very important that you have the correct page layout settings on each page. There is a tab called Layouts that contains a dropdown that allows you to chose what layout you want set for that page. Each theme contains different types of layouts for different pages. For example: The "home" layout might contain a rotating carousel in the header of the page. Therefore you must have the layout set to "home" on the page you want to display this carousel. However, if you see a carousel that you do not want to appear on the page, you may need to set the layout to "layout" instead of "home".
 

Adding Squares

To begin, select the page that you want to add content to.  There will always be a Add New Squares sidebar on the right side of the Editor.  Drag the square over to the specified are you'd like, to be begin customizing your page. 

 

You can chose between these types of content:

  • Text
  • Image
  • Video (embed a YouTube or Vimeo video to your site)
  • Map (this will embed a Google Map)
  • HTML (this allows you to add your own HTML content in a square)
  • Google Form (this allows you to embed a Google Form)
  • Form
  • Space (this is to help spacing layouts and separate content)
  • Horizontal Rule (creates horizontal line to separate content)
  • Carousel (creates a rotating slideshow of images)
 

Adding Text

Adding text is similar to text editors you use everyday.  There is a toolbar that is used to better customize your text.  A list of some of the toolbar features include:

  • Alignment
  • Styling
  • Format
  • Delete text
  • Insert/Remove numbered lists
  • Decrease/Increase indent
  • Block quote
  • Add a link
  • Anchor
  • Insert Special Characters
 

The Image Square

The Image square allows you to upload an image from your computer directly to your website.  When you select the "Image" icon, a window will open that allows you to either "upload" an image directly from your computer, or you can drag an image into the dotted box area.  You can also click on an image that has been previously uploaded and a square containing that image will be placed into your layout at the bottom.  A great thing the SquareHook tool is that you only have to upload the image once, and it will automatically be re-sized according to the device it is being viewed on.

 

The Video Square

The Video square allows you to upload a YouTube or Vimeo flick on your site with ease.  All you have to do is click on the "Video" square, where you will type in a URL that links to a video on either YouTube or Vimeo.  The video can then be moved around in the layout where you want it to appear.  Our tool will automatically re-size the videos to fit the screen on any device.

 
 

The Map Square

The "Map" square allows you to embed a Google Map into your site.  This is great for helping customers locate you or your business' locations.  It's very simple to implement into your site.  Just fill out the address information on the form that pops up, click the "add" button and the map will be added to your site.

 

The HTML Square

Are you not getting exactly what you need?  The HTML square is an advanced square for those needing very specific inclusions in your site.  You can inject HTML code and our tool will render this into content for you website.

Google Form Square

Our tool has the ability to upload a Google form into your website and it is easy to implement.  Simply go to http://www.docs.google.com and click on the red "create button.  At this point you can chose between a variety of document tools provided at no cost to you by Google.  Once you have created the form or document, Google docs will provide you with a URL to paste into your site.  Copy this URL and paste it into the "Google Form" Square in our tool.  Once this is complete, click on the Publish button and it will be active on your website.

 
 

Form Square

You can create a fully customized form using our tool.  We provide you with 'name, text, and message' fields, which you can move around the order of their display.  There is also an '+add field' option to add more fields to your form.  You may also customize your SUBMIT button and the 'thank you message' under the General tab.

 

Note: Make sure that once you have created the form to your liking, you scroll down and make sure the transmission is directed to the email where you want to receive the results !

 

The Space Square

The Space square, like the Horizontal Line square is a visual element that helps you divide content on your website.  This is to vertically space layouts and separate content. 

 

The Horizontal Line Square

The Horizontal Line square, like the space square is a visual element that helps you divide content on your website.  This can be used to show that a new section of a page has begun, or simply to be used to divide content.  You can choose the horizontal line's thickness, its color, and the opacity.

Video of the Basics When Getting Started in the SquareHook Page Editor


(if you're having trouble viewing this video, adjust the size to 720pHD by selecting the gear icon in the lower right corner of the video)