FME Modules

Html Blocks with Custom Blocks

PrestaShop Module

User Guide
Table of Contents

Contents
FME Modules .......................................................................................................................................... 1
Html Blocks with Custom Blocks ............................................................................................................. 1
PrestaShop Module .................................................................................................................................. 1
User Guide ................................................................................................................................................ 1
Intended Audience ................................................................................................................................... iii
Overview................................................................................................................................................... iv
Installation Instructions ............................................................................................................................ iv
User Guide ................................................................................................................................................. v
How to Configure the Module: .................................................................................................................. v
Static Blocks ........................................................................................................................................... v
How to Add/Manage Templates: ....................................................................................................... viii
How to Add/Manage Custom Hooks: ................................................................................................... ix
Disclaimer ............................................................................................................................................... xiv
Support ................................................................................................................................................... xiv
Customization ......................................................................................................................................... xiv
FME Modules

Static Blocks

Intended Audience

The content of this document is designed to facilitate the users -managers,

supervisors and others of Static Blocks PrestaShop Module. A step by step
instruction has been added to this document to help users to install the
module on PrestaShop.

As a safe practice always backup your files and database before installing
any module on PrestaShop. If you are looking for someone to install the
module we can do it for you as well. Just go to the following link and let
support know the order id to expedite the installation process.

Once you have installed please see the User Guide to help you
understand on how to use the module to its full capacity. If you still have
questions feel free to contact us on the support platform where you
bought this module.

If you have any custom requirements feel free to touch base with us.

iii | User Guide

FME Modules

Static Blocks

Getting Started!
Overview

PrestaShop Static HTML Block module allows you to create

custom HTML blocks to display special information such as text,
widgets, custom CSS/HTML or other stuff. You can add special
blocks in footer, header, CMS pages or any other page in the
left/right columns, with the ability to add CSS effects.

Installation Instructions

1. Log into PrestaShop administration panel, go to Modules → Click Add new module.

2. Select staticblock.zip which you downloaded and click upload this

3. Module.

4. Scroll down and find Static Blocks and click Install. You are done

5. Clear Cache in Advance Parameters → Performance.

Use Cases
Promotional Banners Based on Cart Total
Use the module to display special discount banners or free shipping offers only to customers
who have reached a specific cart total. This motivates users to add more items to their cart to
qualify for the promotion, boosting average order value.

Product-Specific Information Blocks

Display unique content blocks on certain product pages to highlight features, warranties, or
usage tips. For example, an electronics store could add a "How to Care for Your Device" section
to each product page, enhancing customer satisfaction and reducing returns.

Category-Based Announcements
Add custom HTML blocks to specific category pages, such as seasonal product collections or
exclusive deals for certain product groups. For instance, a clothing store could showcase a
"Summer Collection" announcement only on relevant category pages, driving attention to
specific product lines.

iv | User Guide
FME Modules

Static Blocks

User Guide

How to Configure the Module:

Step 1: At the back office, go to “Module & Services” and click on the “Installed Modules” tab.
Click on “Configure” to continue.

Static Blocks
Step 2: Here you can add/edit static blocks. Click on the “+” icon to add new block.

Step 3: Add your block information as per your requirement.

v | User Guide
FME Modules

Static Blocks

Edit Static Block

Fill the following information in order to create a block.
• Block Title – Enter a title for the static block to identify it on the frontend.
• Select Editor – Choose from four different types of editors to customize the content of
the block.
• Content – Input the main content or text that will be displayed in the static block.
• Hook – Select the hook location where the static block will be rendered on the site.
• Date From – Schedule the start date for when the block will be visible on the site.
• Date To – Set the end date for when the block should stop being displayed.
• Template – Choose from pre-made templates to style the static block.
• Group Access – Restrict visibility of the block to specific user groups; only selected
groups will see it.
• Status – Set the block to either active or inactive, controlling its display on the site.
• Show Title – Decide whether to display the block title alongside the content.

vi | User Guide
FME Modules

Static Blocks

• Custom CSS – Add custom CSS code to style the block according to specific design
needs.
• Embedded Code – Use the embedded code option to place the static block anywhere on
the site as needed.

Conditions

You can create multiple conditions to show your block at exact time and place where you want.
For Example:
If admin selects first category (in the above screenshot) Category is Home and adds rule then
this block will only display when the user selects Home as Category. In the same way multiple
conditions can be applied.
Exceptions can also be imposed so that admin can show block for specific page or product
while following the above rule.

vii | User Guide

FME Modules

Static Blocks

How to Add/Manage Templates:

Step 1: Admin can add/edit templates. Click on the “+” icon to add new template.

Step 2: Add your template information. You can save this information and edit it as per your
requirement.

viii | User Guide

FME Modules

Static Blocks

How to Add/Manage Custom Hooks:

Step 1: Admin can add/edit the custom hooks. Click on the “+” icon to add new hooks.

Step 2: Add your new hook which will be available when creating a new block.

Settings
Admin can choose the theme for code editor.

ix | User Guide
FME Modules

Static Blocks

How to Add / Manage Reassurance Blocks:

Step 1: Admin can add/edit the reassurance blocks from here. Click on the “+” icon to add a
new reassurance block.

Step 2: Add the information here as per requirements.

• Status – Set the reassurance block to either active or inactive, determining its visibility
on the site.
• Title – Enter the main title for the reassurance block, which will be prominently
displayed.
x | User Guide
FME Modules

Static Blocks

• Sub Title – Provide a secondary title or tagline that adds context to the reassurance
block.
• Description – Add detailed text that explains the benefits or features associated with
the reassurance block.
• Link – Include a URL that users will be redirected to when they click on the reassurance
block.
• Appearance – Choose where the reassurance block will be displayed, such as on the
Home page, Footer, or Product Footer.
• Upload Image – Upload an image to accompany the reassurance block; you can also use
.gif formats for animated visuals.

How to Add / Manage Slide Image:

Step 1: Admin can add/edit the slider images from here. Click on the “+” icon to add new
images.

Step 2: Add the information here to add images.

xi | User Guide
FME Modules

Static Blocks

• Status – Set the slide image to either active or inactive, controlling its visibility on the
slider.
• Title – Enter a title for the slide image, which can provide context or information about
the image.
• Date From and To – Schedule the slider banner to be displayed between specific start
and end dates.
• Image – Upload the image that will be displayed in the slide, ensuring it meets the
required dimensions.
• URL – Provide a redirection URL that users will be taken to when they click on the slide
image.
• Open in New Tab – Select this option to have the URL open in a new browser tab when
clicked, enhancing user experience.

How to Add / Manage Sliders:

Use the images you have uploaded in previous step to create slider.
Step 1: Admin can add/edit the sliders from here. Click on the “+” icon to add new sliders.

xii | User Guide

FME Modules

Static Blocks

Step 2: Fill the fields to make a new slider.

• Title – Enter a name for the slider, which helps identify it within the admin panel.
• Status – Set the slider to either active or inactive, determining whether it will be displayed on
the site.
• Autoplay – Enable this option to have the slider automatically advance through the images
without user interaction.
• Show Title – Choose to display the title alongside each slide for added context.
• Autoplay Speed – Specify the duration (in milliseconds) for how long each slide will be shown
before transitioning to the next.
• Slides to Show – Define the number of slides visible at once in the slider.
• Slides to Scroll – Set the number of slides to advance with each transition (e.g., scrolling one or
multiple slides at a time).
• Date From and To – Schedule the slider to be displayed within a specific date range, allowing for
timed promotions or campaigns.
• Hook – Select the appropriate hook location for displaying the slider on the website, such as the
homepage or a specific page section.

• Select Slider Images – Choose the images that will be included in the slider from the
media library.

xiii | User Guide

FME Modules

Static Blocks

Disclaimer

It is highly recommended to backup your server files and database

before installing this module.

No responsibility will be taken for any adverse effects occurring

during installation.

It is recommended you install on a test server initially to carry out

your own testing.

Support

If you need more information or have any questions or problems,

please refer to our support helpdesk:

You can log a ticket and a support technician can assist you further.

Customization

If you have requirements that are not covered by our module and you
need to have our module customized, feel free to contact us through
support helpdesk.

xiv | User Guide