> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Using FPD with page builder plugins like Elementor

If you are using the  Page Builder plugins to customize your WooCommerce product page, you will need to use the shortcode [fpd] to position FPD, as the hooks that are normally used to position FPD on WooCommerce pages are not accessible.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/8/f/0/c8f0c5de2e15f000/57f43657-78ab-4086-8a71-664cff_17pd3tn.png)

If you want the designer to open in a **lightbox** with the button before Add to Cart button, then drag and drop your new text widget there and set your main FPD plugin settings to:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/0/2/3/70238188e699a800/6043eca2-a83f-40a8-9146-377bd8_a1ydn1.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/5/3/4/9/534948c82bcb7c00/1c0f1df9-a5be-4d5f-b295-0b7e77_25bnht.png)