ModularMerchant
Knowledge Base
Shopping Cart Software Online Manual
Using the Custom Webpage Editor to add links to your Storefront
Using comments in Custom QuickCode Tags Your storefront on smartphones & mobile devices
Location Home > Shopping Cart Software Components > Administration Area > Design > FAQs & Tutorials

Using the Custom Webpage Editor to add links to your Storefront

quote
I need to add a working link to take a visitor to a page on the cart to read the excerpt for the book. Can I add a link that will either open a new window with the excerpt page or move the customer to the except page?

Using the Custom Webpage Editor, located in your store's Administration Area at [Design > Add a Custom Web Page], it is possible to create new web pages that can be linked to in your storefront.

For this example the Custom Webpage Editor will be used to create a link, that will be used at the end of the long description of a product (The Dr. Seuss Classic: "One Fish Two Fish Red Fish Blue Fish"). The link will be set up to open up a new window with an excerpt from the book.
 
Creating the webpage

First, the custom webpage including the book excerpt will need to be created, using similar to the following steps:

1. In your Administration Area, locate [Design > Add a Custom Web Page].
2. Active Status - Toggle this option to YES to enable it for viewing in the storefront.
3. Template - Optional, may be specified to allow the webpage to use one of your template package's templates as a layout, or None (No Template).
4. Custom Webpage Name* - The name of the webpage.
5. SEO-Friendly URL - Optional, allows customization of the SEO-Friendly URL. By default, the Custom Webpage Name will be reused for this option, but may be specified as whatever you desire.

example
If my Custom Webpage Name was "Dr. Seuss Book Excerpt", and I left the SEO-Friendly URL blank, when I save the editor it will put "Dr. Seuss Book Excerpt" in its place, causing the URL to appear in the storefront as:

www.example-store.com/dr-seuss-book-excerpt-w15.php

In this example, I am going to enter "one fish two fish" for my SEO-Friendly URL:

www.example-store.com/one-fish-two-fish-w15.php

6. Custom Webpage Description - Optional, may be used to enter an internal description for the webpage.

7. In the Custom Webpage Editor, enter the excerpt for the book.

 

8. Under File Options, select Save Changes, and click Go.
 
Applying the link

Once the custom webpage has been created, the Custom Webpage URL will be displayed. This URL may be used to create a link within the product's long description that leads to the book excerpt. Highlight and copy the URL.


 

Then, open the product associated with the excerpt in the Product Editor:

1. Locate [Products > Search Products], and open the product in the editor.

2. Scroll down to the Long Description. At the end of the long description, enter the text that will be used to navigate to the excerpt (such as "Click here to read an excerpt."). Highlight that text.

3. At the top of the Long Description editor are a variety of editing tools. In the top row, is the Link button (a small globe icon with chain links). Click the Link button.

4. In the URL field, paste the custom webpage link. Click OK.




5. Click Save Changes.

When the product is viewed in the storefront, at the end of the long description, a link will be included to view the custom webpage that contains the book excerpt.
 
Opening the excerpt in a new window

To set the link to open the excerpt in a new window, open the product up in the Product Editor once more:

1. Back under the Long Description, highlight the linked text for the book excerpt.
2. Click on the Link button again (the small globe icon with chain links).
3. Click the Target tab of the popup window.
4. From the dropdown menu, change "<not set>" to New Window (_blank).
5. Click OK.


6. Click Save Changes.

When the product is viewed in the storefront, and a customer clicks the link, the excerpt page will open in a new window. The window with the product page will be left untouched, and still opened for viewing by the customer.

— Last Edited - 06/4/2013 4:49pm PDT
Rank and add a comment to this article
Only logged in users may leave comments and rank articles. Log in to have your say!
  Knowledge Base Home

  QuickCode™ Tag Glossary

  Modular Merchant.com Homepage

Not Logged in.
Either Log in or create a User Account.

Other articles in this category...

Add "Search by Price" links to the storefront

Add a "Terms of Service" agreement to a store page

Add a favicon

Add images to an email template

Adding a Company Name field to the storefront

Can QuickCode Tags Be Used in PHP Statements?

Can QuickCode Tags be used on non-store webpages?

Common customizations for the Order Receipt email

Copy a template package

Create a custom version of any QuickCode Tag

Create reusable headers/footer with Custom QuickCode Tags

Creating a Customer Registration Form

Creating templates with content viewable only by specific Customer Groups

Customize the category template to display subcategories in a grid

Customize the navigation header of a responsive template

Customize the navigation header of a responsive template

Customize the tabbed content area of a responsive product template

Disabling featured product display

Display a message if a customer has already purchased a product

Display a slideshow on any store page

Display sale prices in red text

Have your store match a website that links to it

Introduction to editing responsive template packages

Link your company logo to a different website

List of available Templates for use in Template Packages

Playing Flash video instead of downloading it

Require service agreement when a specific product is purchased

The difference between templates and web pages

Troubleshooting Missing Images

Untranslated Red QuickCode Tags

Using "Add to Cart" links on your website.

Using comments in Custom QuickCode Tags

Using the Custom Webpage Editor to add links to your Storefront

Your storefront on smartphones & mobile devices

Creating Template Packages: Part 1 of 4

Creating Template Packages: Part 2 of 4

Creating Template Packages: Part 3 of 4

Creating Template Packages: Part 4 of 4