Where Can I Display My Instagram Photo/Video on the PrestaShop Front Office
The INS Shopping Slider module allows you to seamlessly integrate and display your Instagram photos and videos on your PrestaShop store. This helps attract visitors and convert them into customers by showcasing your engaging social media content directly on your website. Here's how you can set up the display positions for your Instagram feed.
Setting up display positions for Instagram block
Step 1: Go to the configuration page of the INS Shopping Slider module in your PrestaShop back office.
Step 2: In the module's main menu, click on the "SETTINGS" tab.
Step 3: Select the "Hooks" sub-tab to manage display positions.
Step 4: Choose display positions:
- There are 4 default positions available: Home, Footer, Left Column, and Right Column. Choose the positions where you want the Instagram block to be displayed.
- To display the Instagram block at a custom location, select "Custom hook" and insert {hook h='displayInstagramFeed'} into your template .tpl file at the desired position.
Display positions in the front office with illustrations
Home page display
The Instagram block can be prominently featured on the Home page to attract maximum attention.
Footer display
Displaying the Instagram block in the Footer keeps it visible across all pages of your store.
Left/Right column display
You can place the Instagram block in the left/right column for a consistent presence on the side of your store pages.
Product category page display using custom hook
Use the custom hook to display the Instagram block on specific pages like the product category page. Here's an example setup:
Insert {hook h='displayInstagramFeed'} into the category-header.tpl file:
Here is how it is displayed on the category page:
By following these steps, you can effectively display your Instagram photos and videos in various positions within your PrestaShop store, enhancing the overall shopping experience and connecting with your audience through engaging social media content. If you have any further questions or need assistance, please refer to our other Help Center articles or contact our support team.