Placeholders for insertion of product information in the product page
To insert the product information in the Customer Store product page, use the following placeholders in the Product showpage UI template (see Viewing and updating a UI template of a Customer Store page):
Placeholder | Description | Type | Example |
---|---|---|---|
product.general.id | Product ID | Local for the Product showpage UI template | <p>{{ product.general.id }}</p> |
product.general.promo_name | Product marketing name | Local for the Product showpage UI template | <h2>{{ product.general.promo_name }}</h2> |
product.general.category_id | Product category ID | Local for the Product showpage UI template | <div>{{ product.general.category_id }}</div> |
product.general.category_name | Product category name | Local for the Product showpage UI template | <h3>{{ product.general.category_name }}<h3> |
product.general.calegory_link | A link to the product category page | Local for the Product showpage UI template | <a href="{{ product.general.calegory_link }}">A link to the Product Category page</a> |
product.general.logo | Product logo | Local for the Product showpage UI template | <img src="{{ product.general.logo }}"/> |
product.general.vendor_name | Vendor name | Local for the Product showpage UI template | <h4>{{ product.general.vendor_name }}</h4> |
product.general.starting_from | The minimum price of a product per month calculated based on the minimum price of the plans available for the product | Local for the Product showpage UI template | <div>{{ product.general.starting_from }}</div> |
product.general.buy_link | A link to the array of the product service plans or a link to the Customer Control Panel for buying a product when it has only one service plan | Local for the Product showpage UI template | <a href="{{ product.general.buy_link }}">Buy Product</a> |
product.general.try_link | A link to the array of the product service plans, or a link to the Customer Control Panel for ordering a trial version of a product when it has only one service plan | Local for the Product showpage UI template | <a href="{{ product.general.try_link }}">Try it</a> |
product.general.overview | Product marketing description | Local for the Product showpage UI template | <p>{{ product.general.overview }} </p> |
product.marketing.screenshots_url[] | An array of links to screenshots of the product | Local for the Product showpage UI template | {% for screenshot_url in product.marketing.screenshots_url %} <img src="{{ screenshot_url }}"/> {% endfor %} |
product.marketing.videos_url[] | An array of links to videos of the product | Local for the Product showpage UI template | {% for video_url in product.marketing.videos_url %} <div> <a href="{{ video_url }}"></a> </div> {% endfor %} |
product.marketing.benefits[] | An array of marketing benefits of the product | Local for the Product showpage UI template | {% for benefit in product.marketing.benefits %} <div> <h6>{{ benefit.title }}</h6> <p>{{ benefit.description }}</p> </div> {% endfor %} |
product.marketing.benefits[].title | Benefit title | Local for the Product showpage UI template | {% for benefit in product.marketing.benefits %} <div> <h6>{{ benefit.title }}</h6> </div> {% endfor %} |
product.marketing.benefits[].description | Benefit description | Local for the Product showpage UI template | {% for benefit in product.marketing.benefits %} <div> <p>{{ benefit.description }}</p> </div> {% endfor %} |
product.support.phone | Technical support contact phone number | Local for the Product showpage UI template | <div>{{ product.support.phone }}</div> |
product.support.email | Technical support contact email | Local for the Product showpage UI template | <div>{{ product.support.email }}</div> |
product.support.site | A link to the technical support website | Local for the Product showpage UI template | <a href="{{ product.support.site }}"></a> |
product.support.information | Additional information about technical support | Local for the Product showpage UI template | <p>{{ product.support.information }}</p> |
product.legal.license_agreement_url | A link to the license agreement | Local for the Product showpage UI template | <a href="{{ product.legal.license_agreement_url }}"></a> |
product.legal.privacy_policy_url | A link to the Product Privacy Policy | Local for the Product showpage UI template | <a href="{{ product.legal.privacy_policy_url }}"></a> |
product.documentation[].url | A link to the product documentation | Local for the Product showpage UI template | {% for documentation in product.documentation %} <li><a href="{{ documentation.url }}">{{ documentation.title }}</a></li> {% endfor %} |
product.documentation[].title | A title of the product documentation | Local for the Product showpage UI template | {% for documentation in product.documentation %} <li><a href="{{ documentation.url }}">{{ documentation.title }}</a></li> {% endfor %} |
product.plans[] | An array of the product plans | Local for the Product showpage UI template | {% for plan in product.plans %} <div> <h6>{{ plan.name }}</h6> </div> <span>{{ plan.starting_from }}</span> <span>{{ plan.currency }}/{% trans 'month' %}</span> </div> <div> <p>{{ plan.description }}</p> </div> <div> <a href="{{ plan.try_link }}">Try it</a> </div> <div> <a href="{{ plan.buy_link }}">Buy it</a> </div> {% endfor %} |
product.plans[].id | Plan ID | Local for the Product showpage UI template | {% for plan in product.plans %} <div> {{ plan.id }} </div> {% endfor %} |
product.plans[].name | Plan name | Local for the Product showpage UI template | {% for plan in product.plans %} <h6>{{ plan.name }}</h6> </div> {% endfor %} |
product.plans[].description | Plan description | Local for the Product showpage UI template | {% for plan in product.plans %} <div> <p>{{ plan.description }}</p> </div> {% endfor %} |
product.plans[].starting_from | Plan minimum price | Local for the Product showpage UI template | {% for plan in product.plans %} <span>{{ plan.starting_from }}</span> {% endfor %} |
product.plans[].buy_link | A link to the Customer Control Panel for buying a product | Local for the Product showpage UI template | {% for plan in product.plans %} <a href="{{ plan.buy_link }}">Buy it</a> {% endfor %} |
product.plans[].try_link | A link to the Customer Control Panel for ordering a free trial version of a product | Local for the Product showpage UI template | {% for plan in product.plans %} <a href="{{ plan.try_link }}">Try it</a> {% endfor %} |
product.plans[].resources[] | An array of the plan resources | Local for the Product showpage UI template | {% for plan in product.plans %} <div> {% for resource in plan.resources %} <h6>{{ resource.name }}</h6> <p>{{ resource.count }}, {{ resource.unit_of_measure }}</p> {% endfor %} </div> {% endfor %} |
product.plans[].resources[].name | Resource name | Local for the Product showpage UI template | {% for plan in product.plans %} <div> {% for resource in plan.resources %} <h6>{{ resource.name }}</h6> {% endfor %} </div> {% endfor %} |
product.plans[].resources[].count | Quantity of the resource included in the plan price | Local for the Product showpage UI template | {% for plan in product.plans %} <div> {% for resource in plan.resources %} <p>{{ resource.count }}, {{ resource.unit_of_measure }}</p> {% endfor %} </div> {% endfor %} |
product.plans[].resources[].unit_of_measure | A unit of measurement of the resource | Local for the Product showpage UI template | {% for plan in product.plans %} <div> {% for resource in plan.resources %} <p>{{ resource.count }}, {{ resource.unit_of_measure }}</p> {% endfor %} </div> {% endfor %} |
product.crosselling_products[] | An array of the related products | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <img src="{{ crosselling_product.logo }}"> <h6>{{ crosselling_product.promo_name }}</h6> <p>{{ crosselling_product.id }}</p> <p>{{ crosselling_product.overview }}</p> <span>{{ crosselling_product.starting_from }}</span> <a href="{{ crosselling_product.buy_link }}">Buy it</a> <a href="{{ crosselling_product.try_link }}">Try it</a> <a href="{{ crosselling_product.link}}">See Product page</a> </div> {% endfor %} |
product.crosselling_products[].id | Related product ID | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> {{ crosselling_product.id }} </div> {% endfor %} |
product.crosselling_products[].promo_name | Marketing name of a related product | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <h6>{{ crosselling_product.promo_name }}</h6> </div> {% endfor %} |
product.crosselling_products[].overview | Marketing description of a related product | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> {{ crosselling_product.overview }} </div> {% endfor %} |
product.crosselling_products[].logo | Logo of a related product | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <img src="{{ crosselling_product.logo }}"> </div> {% endfor %} |
product.crosselling_products[].starting_from | The minimum price of a related product per month calculated using the minimum price of plans available for the related product | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <span>{{ crosselling_product.starting_from }}</span> </div> {% endfor %} |
product.crosselling_products[].buy_link | A link to the array of the related product service plans or a link to the Customer Control Panel for buying a related product when it has only one service plan | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <a href="{{ crosselling_product.buy_link }}">Buy it</a> </div> {% endfor %} |
product.crosselling_products[].try_link | A link to the array of the related product service plans or a link to the Customer Control Panel for ordering a trial version of a related product when it has only one service plan | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <a href="{{ crosselling_product.try_link }}">Try it</a> </div> {% endfor %} |
product.crosselling_products[].link | A link to the Customer Store related product page | Local for the Product showpage UI template | {% for crosselling_product in product.crosselling_products %} <div> <a href="{{ crosselling_product.link}}">See Product page</a> </div> {% endfor %} |