Create your own ecommerce website and start selling successfully with ShopWired today

Create your ecommerce website on ShopWired today.
Start today with 14 days free

Create your own ecommerce website and start selling successfully with ShopWired today

Create your ecommerce website on ShopWired today.
Start today with 14 days free

Displaying content from a website page

Theme Customisations - Coding
12th February 2021

Before you proceed:
The following article contains information that requires you to have some prior knowledge about coding in order to correctly implement the proposed change to your theme. If done incorrectly alterations made to your theme’s code can negatively impact your website causing visual and performance issues. Therefore, we strongly recommend that you only undertake this effort if you are completely confident that you know what you’re doing. If you have no coding experience at all, aren’t entirely comfortable following the instructions in this article or if you simply don’t understand the instructions then we recommend you instead contact our partners, Coding Masters, who will complete the work for you for a set fee.


If you would like to display content from a website page on another page, then follow the instructions below.

For example, you might like to display the content from your delivery policy page on every product page on your website (which is the example we'll follow in this tutorial).

1. First, you'll need to create the website page (if it doesn't already exist).

2. You'll need to get the unique ID of the page that you have just created. Click to edit the website page and take note of the URL in your browser's address bar, which will look something like the example below.

https://v5.shopwired.co.uk/business/manage-website-page/1726

The ID is the number in the URL, e.g. 1726.

3. You'll need to find the twig file that relates to the website page you want to display the content on. In our example, we want to display content on the product page so we're editing product.twig.

Once you've opened the page file you'll need to locate, in the code, where you need to add the new code so that the content from the website page displays in the correct place. In our example, we are going to display the content beneath the social media sharing buttons.

4. The code to display content from a website page is shown below:

{% set embedded_page = page(1726) %}
{% if embedded_page %}
       {{ embedded_page.title }}
       {{ embedded_page.content|raw }}
{% endif %}

Where you replace 1726 with the ID you got in part (2).

5. Copy this code into the twig file you've opened in (3) and you'll now have something that looks like this.

You can see the new code from lines 203 to 207.

embedded_page.title relates to the title of the page

embedded_page.content relates to the content of the page

We've applied the raw filter so that the page content outputs with its HTML tags (escaped).