drew_n's profile

1.4K Messages

 • 

262.9K Points

Sunday, October 6th, 2013 10:37 PM

Closed

What placeholders can I use for custom URLs and how do they work?

Basic Information for Using Custom URLs<

We offer the ability to control your store's URL path for products, categories, web pages, and news items. There is a section within the Settings > Store > URL Structure that will globally control all sections of the storefront that are not specified at the product level. Using this tool you can change the path for all pages sitewide. An example of this would be if you wanted to change the path for all products, the default path (http://example.com/productname.html) to be something different like: http://example.com/products/productna....

Setting up the Default URL Structure
First we will talk about defining the default URL formats for products, categories, web pages and news items. The following custom placeholders can be used to represent certain attributes of an item:

Item
Placeholders
Description

Product
%productname%
%category%
%sku%
%upc%
- The name of the product
- The first category this product appears in
- The product code or SKU
- The UPC (Universal Product Code)

Category
%categoryname%
%parent%
- The name of the category
- The name of the parent category

Web Page
%pagename%
%parent%
- The page name
- The name of the parent

News Item
%postname%
- The name of the news post



1.) Login to your store's control panel.
2.) Click on Settings and then Store.

settingsstoremui.png

3.) Now, click on the URL Structure tab.

urlstructuretabmui.png


4.) By default Bigcommerce optimizes your URL structure as Short Search Engine Optimized URLs.  To customize your URLs choose the last radio option 'Custom Format'.

urloptionsmui.png

5.) Here you can place the custom placeholders from the table above. In this example we will be using the following placeholders: /%productname%/%category%/

urlprodcatmui_001.png

6.) Make sure to Save your changes to this page.

savebuttonmui.png


Now if you view any product pages on your storefront the path will now be: http://example.com/product/category.

Here is an example of a pair of swim trunks in the Boardshorts subcategory under the Surfing parent category.

customurlexample.png


Note:
The above placeholders will replace spaces with hyphens(-). If you do not wish to have hyphens in your URL paths then you have complete control over this from within each product individually.

Per-Product/Category/Web Page/News Item Custom URLs

When adding a product, category, web page or news item, there will be a field under the catalog information section called “URL.” This URL field is disabled by default until you’ve typed in an item name or title (such as product name). The URL field will then be auto-populated based on the URL format defined on the settings page.

You can change these URLs to be completely custom, if you wish. This example is for a Product, but you can alter these instructions for any category, web page, or news item, as well.

1.) Login to your store's control panel.
2.) Click on Products and then View Products.

viewproductsmenumui.png 

3.) Edit the product for which you wish to change the URL.

producteditmenumui.png

4.) Below the Product Categories section there will be a field called Product URL.

customurlproductmui.png

5.) You may enter a custom path into this field which will be used for this product. You need not put in any placeholders; you can directly type in what the URL should be.  This will override the Settings > Store > URL Structure setting.

Notice that spaces are replaced with dashes. All non-valid URL characters should be removed ENTIRELY from the URL (i.e. nothing should display as URL encoded such as %2C or %2F).

This conversation is no longer open for comments or replies and is no longer visible to community members.

No Responses!