Add the calculator to your website.

Before you paste: Use this option when your website, content system, or developer can add HTML and JavaScript directly. Keep the wrapper, iframe, and resize script together so the calculator can grow automatically.

1. 01

   Open the page, template, or source file where the calculator should appear.

2. 02

   Choose the correct content location and add an HTML, embed, or custom-code area. A website developer can also place the code directly in the page markup.

3. 03

   Return to the Pool Lift Finder embed builder, finish the dealer contact and appearance settings, and copy the complete code.

4. 04

   Paste the complete wrapper, iframe, and script into the HTML area without separating the three parts.

5. 05

   Save and test the live page on desktop and mobile. Confirm that the calculator uses the intended width and expands when results appear.

Before you paste: On WordPress.com, iframe and script tags require a paid plan with hosting features activated. Self-hosted WordPress sites may also apply security or plugin restrictions.

1. 01

   Open the page or post where you want the calculator and select Edit.

2. 02

   Click the + Block Inserter, search for HTML, and add a Custom HTML block.

3. 03

   Return to the Pool Lift Finder embed builder, finish your settings, and copy the complete iframe code.

4. 04

   Paste the full code into the Custom HTML block. Do not use a Code block, which displays code as text.

5. 05

   Preview the page, test one calculator result, and select Update or Publish when the width and automatic height look correct.

Before you paste: Elementor’s HTML widget accepts HTML and JavaScript, but access may be limited to WordPress administrators or roles specifically allowed to add unfiltered code.

1. 01

   In WordPress, open the destination page and select Edit with Elementor.

2. 02

   Find the HTML widget in the Elementor widget library and drag it to the desired location on the page.

3. 03

   Return to the Pool Lift Finder embed builder, finish your settings, and copy the complete iframe code.

4. 04

   Paste the full code into the HTML Code field in the widget’s Content panel.

5. 05

   Set the widget to the intended content width, check Elementor’s desktop, tablet, and mobile views, then select Update and test the live page.

Before you paste: Use the HTML code option—not the website-address option—so the automatic-resize script is included with the calculator.

1. 01

   Open the page in the Wix Editor and select Add Elements from the left side.

2. 02

   Choose Embed Code, open Popular Embeds, and add Embed HTML to the page.

3. 03

   Select the new embed, choose Enter Code, and paste the complete code copied from Pool Lift Finder.

4. 04

   Select Apply, then stretch the Wix embed element to the full content width available on the page.

5. 05

   Check the desktop and mobile editors, preview the calculator, and publish the site when it is not cropped or overlapping nearby content.

Before you paste: Squarespace currently limits JavaScript and iframe code blocks to Core, Plus, Advanced, and certain legacy plans. The editor may show a placeholder while the live page renders the code.

1. 01

   Open Pages, select the destination page, and choose Edit.

2. 02

   Hover over the section, select Add Block or +, and add a Code block.

3. 03

   Open the block editor, choose HTML when a type option is shown, and make sure Display Source is turned off.

4. 04

   Paste the full Pool Lift Finder code into the block, then position and stretch the block across the desired content area.

5. 05

   Save the page and test the published or incognito view on desktop and mobile, since scripts may not fully render while you are logged into the editor.

Before you paste: Webflow’s Designer may show a placeholder for the resize script. The complete calculator appears in preview or on the published site.

1. 01

   Open the correct page in Webflow Designer and choose the location for the calculator.

2. 02

   Open the Add panel and drag a Code Embed element onto the canvas.

3. 03

   Paste the complete Pool Lift Finder code into the code editor, then select Save & Close.

4. 04

   Set the Code Embed element and its parent container to the width you want; the copied code already controls the calculator’s maximum width and height.

5. 05

   Use Preview, test the finder at multiple breakpoints, and publish the Webflow site after confirming that the results expand without being clipped.

Before you paste: Available sections depend on the Shopify theme. If Custom Liquid is unavailable or the theme removes the script, send the copied code to the store’s theme developer or a Shopify Partner.

1. 01

   From Shopify admin, open Online Store, choose Themes, and select Edit theme for the active theme.

2. 02

   Use the page selector at the top to open the template where the calculator should appear.

3. 03

   Select Add section, search for Custom Liquid, and add it to the template.

4. 04

   Paste the complete Pool Lift Finder code into the Custom Liquid field and move the section to the desired position.

5. 05

   Save, preview the storefront on desktop and mobile, and publish the theme only after the calculator and expanded results display at full height.