Good Gallery

Inserting Content

Learn how to insert files, tables, links, images, forms, calls to action, feature boxes, FAQs, videos, and special characters using the Good Gallery Text Editor.

Inserting Content

The Text Editor provides tools for inserting various types of content into your Good Gallery pages, including files, tables, links, images, forms, interactive elements, and more.

Upload File

Click the Upload File button to insert a file in the content area. Examples include PDFs or MS Word documents. The filename serves as the content link. Click on the link and choose Edit Link to change the link label text.

To insert a file in Content:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor where you want the link to appear.
  5. Click the Upload File button on the Text Editor toolbar.
  6. Choose the appropriate file.
  7. Click the Save Changes button.

Insert Table

Click on the Insert Table button to create table rows and columns. Once the table is added to the content, click on the table area to add a table header, delete the table, insert or delete rows, insert or delete columns, choose a table border style, split cells, set vertical or horizontal cell alignment, or change cell background colors.

Warning: The table designs are not responsive. Care should be taken when creating tables to ensure they appear as expected on mobile devices.

To insert a table:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor where you want the table to appear.
  5. Click the Insert Table button on the Text Editor toolbar.
  6. Choose the appropriate options.
  7. Click the Save Changes button.

The Link tool in the Text Editor allows you to add a hypertext link to selected text. Common links include internal links, external links, email links, phone number links, and jump links.

Absolute vs Relative

Absolute links refer to hypertext links that include the full URL to a different page on your website (e.g. https://www.example.com/about).

Relative links refer to hypertext links that include a shortened URL where only the page name is used (e.g. /about). Relative links work on the assumption that the URL path automatically includes the domain name used.

Benefits of using relative links for internal pages:

  • If your domain or protocol changes, your internal links will remain unchanged
  • Relative links are beneficial when accessing and testing your website using your temporary Good Gallery URL
  • Relative URLs allow your linked pages to load slightly faster than absolute links
  • For SEO, there is no known ranking benefit to using absolute links over relative links or vice versa

When linking to external sites, opening the link in a new tab is recommended.

To insert a standard link:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, select the text that should link to another page.
  5. Click the Link button on the Text Editor toolbar.
  6. In the URL field, enter the link to another page.
  7. Click the Insert option.
  8. Click the Save Changes button.

You can use the Link tool to add linked email addresses that will automatically open an email program from the browser if the client computer has a default mail program.

To add an email link to a content area:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, type your email address.
  5. Select the email address.
  6. Click the Link button on the Text Editor toolbar.
  7. In the URL field, enter the email address.
  8. Click the Insert option.
  9. Click the Save Changes button.

To add a link to a telephone number:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, type your phone number.
  5. Select the phone number.
  6. Click the Link button on the Text Editor toolbar.
  7. In the URL field, enter tel: followed by the country code and the phone number without dashes (e.g. tel:16265551212).
  8. Click the Insert option.
  9. Click the Save Changes button.

Use a page jump link (aka anchor link) when connecting links to designated page positions. This method can connect links in one page area to another page area on the same page, or link to page areas on other pages.

To add page jump links on the same page:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, click Code View on the Text Editor toolbar.
  5. Locate the page jump DESTINATION text in the HTML.
  6. Add the following HTML and replace the DESTINATION text (no spaces):
<a id="YOUR-OWN-WORDS-UNIQUE-ID">EXAMPLE</a>

For example:

<a id="wedding-pricing">Wedding Pricing</a>
  1. In the Content area, select the ORIGIN text that links to the page jump DESTINATION text.
  2. Click the Link button on the Text Editor toolbar.
  3. In the URL field, enter a pound sign (#) and the jump link id (no spaces):
#wedding-pricing
  1. Click the Insert option.
  2. Click the Save Changes button.

To edit an existing link:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, click on the existing link.
  5. Click the Edit Link button.
  6. Make the appropriate modifications.
  7. Click the Update option.
  8. Click the Save Changes button.

Insert Horizontal Line

Click on the Insert Horizontal Line button to insert a horizontal line at the cursor position. Horizontal lines often define a thematic content change.

To insert a horizontal line:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in a text block.
  5. Click the Insert Horizontal Line button on the Text Editor toolbar.
  6. Click the Save Changes button.

Insert Image

Click on the Insert Image button in the Text Editor to insert an image at the cursor position in any Content area. The images you can choose are in the All Images folder.

After pressing the Insert Image button and selecting an image, Good Gallery inserts proprietary code into your content that ensures the appropriately sized image is always displayed for all devices and viewports.

Images inserted in image content areas are supplemental page content. Any Titles associated with inserted images are displayed as image descriptions in the page source HTML (aka alt text). Although the alt text area is shown as blank in the Code View, the image Title is dynamically included as an image description in the rendered HTML.

Note: To prevent potential display issues, any manual Code View changes made to image tags are discarded when saving Content.

To insert an image:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in the appropriate area.
  5. Click the Insert Image button on the Text Editor toolbar.
  6. Choose the appropriate image.
  7. Click the Save Changes button.

Original Image Dimensions

When you place a single image on a text page, the width of the image is initially defined by the bounding area of the text page. The default text page width is 780 pixels.

Images smaller than those dimensions are enlarged to fit the page width. However, an image expanded beyond its original width or height may suffer image quality degradation resulting in blurry or pixelated images.

Note: Some devices apply pixel doubling. For best results across most monitors and devices, page-spanning images should be 1,560 pixels wide at a minimum.

Resizing Images

There are two image resizing methods for Content areas.

Manual resizing:

  1. Review the Content.
  2. Click the appropriate image.
  3. Select and hold the square "handle" at any image corner.
  4. Drag the box inward or outward to decrease or increase the image size.
  5. Click the Save Changes button.

Precise resizing:

  1. Review the Content.
  2. Click the appropriate image.
  3. Click the Change Size button.
  4. Enter the preferred size using percentages or pixels.
  5. Click the Update link.
  6. Click the Save Changes button.

Positioning Images

You can change text wrapping formatting around inserted images.

  1. Review the Content.
  2. Click the appropriate image.
  3. Click the Align button.
  4. Choose Align Left, None, or Align Right.
  5. Click the Save Changes button.

Captioning Images

You can add caption text below an image.

  1. Review the Content.
  2. Click the appropriate image.
  3. Click the Image Captions button.
  4. Modify the caption text below the image.
  5. Click the Save Changes button.

Linking Images

You can link images to internal website pages or to external websites.

  1. Review the Content.
  2. Click the appropriate image.
  3. Click the Insert Link button.
  4. Enter the appropriate information.
  5. Click the Insert link.
  6. Click the Save Changes button.

Availability

When images are visible in the Text Editor but are not visible in Chrome or Firefox, then that typically means that the original image file was uploaded in a color space other than sRGB. Other color spaces are not supported in Good Gallery.

To correct this issue, resave the original image in the sRGB color space per the color space recommendations and upload the file again.

Insert Form

Click on the Insert Form button in the Text Editor to include a form in any Page Settings Content, Image Settings Content, and Tag Settings Content area. See the Forms section for additional information.

To insert a form:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in the appropriate area.
  5. Click the Insert Form button on the Text Editor toolbar.
  6. Choose the appropriate form.
  7. Click the Save Changes button.

Insert Call to Action

Click on the Insert Call to Action button in the Text Editor to create a Call to Action in any Content area. See the Call to Action section for additional information.

To insert a call to action:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in the appropriate area.
  5. Click the Insert Call to Action button on the Text Editor toolbar.
  6. Choose the appropriate call to action.
  7. Edit the call to action.
  8. Click the Save Changes button.

Insert Feature Boxes

Click on the Insert Feature Boxes button in the Text Editor to create Feature Boxes in any Content area. See the Feature Boxes section for additional information.

To insert Feature Boxes:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in the appropriate area.
  5. Click the Insert Feature Boxes button on the Text Editor toolbar.
  6. Choose the appropriate Feature Box type.
  7. Click on the Feature Box elements.
  8. Edit the Feature Box elements.
  9. Click the Save Changes button.

Insert FAQ

Click on the Insert FAQ button in the Text Editor to create a FAQ in any Content area.

An FAQ (Frequently Asked Questions) answers common visitor questions. Search engines often consume FAQ content.

When you add FAQ content using the Insert FAQ tool, Good Gallery includes FAQ Schema Markup and automatically converts your questions and answers to JSON-LD data. That markup can help your questions and answers appear on search engines.

Note: Partial answers work best when optimizing FAQs for click-throughs. Simple answers can link to in-depth explanations located on other pages. Reference search engine FAQ content guidelines for best results.

To insert an FAQ:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in the appropriate area.
  5. Click the Insert FAQ button on the Text Editor toolbar.
  6. Click on the FAQ section.
  7. Add your questions and answers.
  8. Click Update.
  9. Click the Save Changes button.

Insert Video

Click on the Insert Video button in the Text Editor to embed video at the cursor position in any Content area. Provide the full URL to your YouTube, Vimeo, or MediaZilla video.

As an alternative to embedded video, display the video full screen using a Video Page instead. See the Video Page section for additional information.

Note: Good Gallery only supports video stored on YouTube, Vimeo, or MediaZilla. Locally uploaded video is not supported on Good Gallery.

To insert a video:

  1. Sign in to your Good Gallery administrator account.
  2. Hover your cursor over the Pages menu.
  3. Under the Your Pages menu heading, select the appropriate page.
  4. In the Content area, position your cursor in the appropriate area.
  5. Click the Insert Video button on the Text Editor toolbar.
  6. Enter the appropriate video URL.
  7. Click the Save Changes button.

Special Characters

Click the Special Characters button to display a comprehensive options list. Special Characters are not alphabetic or numeric characters. They include punctuation marks and other distinct symbols.

On this page