Low Offset Mechanism — Step-by-Step Build Walkthrough

Integra Pool Covers Website Redesign — integrapoo1stg.wpenginepowered.com

Also in this folder: Visual Build Guide (photos + copy bars) Page Preview (how it'll look) Copy File (paste-ready text)

Low Offset Mechanism Build Guide — Integra Pool Covers

Page: Low Offset Mechanism (/products/low-offset-mechanism/)
Staging: integrapoo1stg.wpenginepowered.com
Template: Avada Full Width (no sidebar)

IMAGES IN THIS FOLDER

Filename Dimensions Size Section Alt Text
lo-hero.webp 1200x800 142kb Hero Image Integra low offset mechanism installed on residential pool — charcoal Aegis cover with lake backdrop
lo-motor.webp 800x600 40kb Motor Detail Integra low offset motor — compact drive unit for limited deck space installations
lo-motor-comparison.webp 800x600 40kb Motor Detail Integra low offset motor detail — compact motor design for 16-inch offset system
lo-installed-cover.webp 1200x800 165kb Installation Section Integra low offset mechanism installed — aerial view showing compact 16-inch offset with charcoal cover
product-standard-comparison.webp 800x600 17kb Comparison Section Integra standard mechanism — compare with low offset for your pool configuration

WILL'S LAYOUT CLASSES (USE THESE FIRST)

Will Roberts set up CSS classes on the staging site that handle layout, spacing, and responsive behavior automatically. Use these instead of manual Avada builder settings wherever possible.

Layout Type How to Apply What It Does
Hero Add ID hero to the container Full-width hero with overlay, responsive height, centered content
Intro/Subheading Add class introheader Styled heading typography for section intros
Two-Column Add class two-column Split layout, image stacks above text on mobile
Mosaic Add class mosaic Text + 4-image grid, auto-cropped aspect ratios

You do NOT need to manually set: padding values, column widths, mobile breakpoints, or min-heights for sections using these classes. The CSS handles it all. Just add the class/ID, drop in your content and images.

Only set manual Avada values for: colors, background images, button styles, icon choices, and any custom sections not covered by the four classes above.

Staging reference: integrapoo1stg.wpenginepowered.com/new-layouts/ — shows all four layout types in action.

RANK MATH SEO SETTINGS

SECTION-BY-SECTION BUILD INSTRUCTIONS

SECTION 1: HERO

Standard internal page hero — solid navy background, no image.
- Container: 100% width
- Background color: #003366 (solid)
- Padding: 70px top, 40px bottom
- Column layout: single column, 8/12 width, centered

Elements:
1. Breadcrumbs (Text Block)
- Content: <p>Home / Products / Low Offset Mechanism</p>
- Font: Open Sans, 13px, color #AACCEE
- Margin: 0 0 15px 0
2. H1 (Text Block)
- Content: <h1>Low Offset Mechanism — 16-Inch Offset for Pools Up to 20x50</h1>
- Font: Montserrat, 38px, weight 700, color #FFFFFF, line-height 1.25
- Text-align: center
3. Subheadline (Text Block)
- Content: <p>When deck space is limited, the Low Offset system delivers the same stainless steel engineering in a compact 16-inch footprint.</p>
- Font: Open Sans, 18px, weight 400, color rgba(255,255,255,0.85), line-height 1.6
- Text-align: center
- Margin: 15px 0 0 0

SECTION 2: HERO PRODUCT IMAGE

Full-width lifestyle product image below the hero.
- Container: white background #FFFFFF
- Padding: 0 top, 0 bottom
- Inner: max-width 1200px, centered

Elements:
1. Image (Image element)
- File: lo-hero.webp
- Alt: "Integra low offset mechanism installed on residential pool — charcoal Aegis cover with lake backdrop"
- Width: 100%
- Border-radius: 0
- Margin: 0
- Animation: fade-in, duration 0.6s

SECTION 3: INTRO COPY — "DESIGNED FOR POOLS WHERE SPACE IS THE CONSTRAINT"

Centered text section with context on why Low Offset exists.
- Container: white background #FFFFFF
- Padding: 50px top, 40px bottom
- Inner: max-width 800px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Designed for Pools Where Space Is the Constraint</h2>
- Font: Montserrat, 30px, weight 700, color #003366
- Margin: 0 0 20px 0
2. Body copy (Text Block)
- Content: Not every pool has the deck space for a standard mechanism housing. Retaining walls, property lines, raised bond beams, waterfalls, and tight backyards all create situations where a full-size mechanism simply won't fit. The Low Offset Mechanism was engineered specifically for these pools — requiring only 16 inches of offset from the pool edge to the back of the housing. It handles pools up to 20 feet wide and 50 feet long with the same all-stainless steel construction, the same ASTM F1346 certification, and the same 20-year mechanism warranty as the Standard system.
- Font: Open Sans, 16px, color #333333, line-height 1.7

SECTION 4: SPECIFICATIONS TABLE

Same table styling as Standard Mechanism for visual consistency.
- Container: background #F5F5F5
- Padding: 50px top, 50px bottom
- Inner: max-width 900px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Low Offset Mechanism Specifications</h2>
- Font: Montserrat, 30px, weight 700, color #003366
- Margin: 0 0 25px 0
2. Specifications Table (Text Block — raw HTML table)

<table style="width:100%;border-collapse:collapse;font-family:'Open Sans',sans-serif;">
  <thead>
    <tr style="background:#003366;">
      <th style="padding:14px 20px;text-align:left;color:#FFFFFF;font-size:15px;font-weight:600;border:none;">Specification</th>
      <th style="padding:14px 20px;text-align:left;color:#FFFFFF;font-size:15px;font-weight:600;border:none;">Detail</th>
    </tr>
  </thead>
  <tbody>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Model</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Low Offset (LO)</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Construction</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">100% stainless steel</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Maximum Pool Size</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">20 ft x 50 ft</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Offset Required</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">16 inches</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Motor</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Compact hollow-shaft BISON motor</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Torque Limiter</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Adjustable — protects motor and fabric</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Safety Certification</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">ASTM F1346</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Control Options</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Keypad (PIN-secured) or Rocker Switch</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Mechanism Warranty</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">20 years</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;font-size:15px;color:#333;">Origin</td>
      <td style="padding:12px 20px;font-size:15px;color:#333;">Proudly Made in USA</td>
    </tr>
  </tbody>
</table>

SECTION 5: WHEN TO SPECIFY LOW OFFSET

Decision-support section with bullet list.
- Container: white background #FFFFFF
- Padding: 50px top, 50px bottom
- Inner: max-width 800px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>When to Specify Low Offset</h2>
- Font: Montserrat, 28px, weight 700, color #003366
- Margin: 0 0 20px 0
2. Body intro (Text Block)
- Content: <p>The Low Offset Mechanism is the right choice when any of these conditions apply:</p>
- Font: Open Sans, 16px, color #333333, line-height 1.7
- Margin: 0 0 15px 0
3. Bullet list (Text Block)
- Content:
- Limited deck space — Less than 24 inches of available space behind the pool edge at the mechanism end
- Retaining walls or property lines — Structural or legal boundaries that prevent a full-size housing installation
- Raised bond beams or waterfalls — Elevated features at the mechanism end that restrict housing height and depth
- Retrofit installations — Existing pools where the original construction didn't account for a cover mechanism
- Dedicated spas — Lower profile and smaller footprint perfectly sized for luxury spas
- Restricted zones — When standard offsets violate set-back codes or easement limits
- Pool width 20 feet or less — The Low Offset system handles widths up to 20 feet; if the pool is wider, specify the Standard Mechanism
- Pool length 50 feet or less — Same constraint; pools longer than 50 feet require the Standard system
- Font: Open Sans, 15px, color #333333, line-height 1.8
- List style: disc, padding-left 20px
- Bold labels followed by em-dash descriptions

SECTION 6: SAME ENGINEERING, SMALLER FOOTPRINT

Value proposition section with aerial installed photo.
- Container: background #F5F5F5
- Padding: 50px top, 50px bottom
- Column layout: 2 columns (6/12 text, 6/12 image), 30px gap
- Inner: max-width 1100px, centered

Left column — Text:
1. Heading (Text Block)
- Content: <h2>Same Engineering, Smaller Footprint</h2>
- Font: Montserrat, 28px, weight 700, color #003366
- Margin: 0 0 20px 0
2. Body (Text Block)
- Content: The Low Offset isn't a "budget" version of the Standard Mechanism. It uses the same stainless steel components, the same rope reel design, the same adjustable torque limiter, and the same aluminum track system. The difference is the motor — a compact hollow-shaft BISON motor designed specifically for the reduced offset housing — and the maximum pool size it can handle. If your pool fits within the 20 x 50 foot limit, the Low Offset delivers identical performance and the same 20-year warranty. The choice between Standard and Low Offset is purely a matter of available space and pool dimensions.
- Font: Open Sans, 16px, color #333333, line-height 1.7

Right column — Image:
- File: lo-installed-cover.webp
- Alt: "Integra low offset mechanism installed — aerial view showing compact 16-inch offset with charcoal cover"
- Width: 100%
- Border-radius: 6px
- Animation: fade-in-right, duration 0.5s

SECTION 7: MOTOR DETAIL PHOTOS

Side-by-side motor images.
- Container: white background #FFFFFF
- Padding: 50px top, 50px bottom
- Inner: max-width 1000px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Low Offset Motor</h2>
- Font: Montserrat, 28px, weight 700, color #003366
- Margin: 0 0 10px 0
2. Body (Text Block)
- Content: The Low Offset motor is a compact hollow-shaft BISON unit engineered to fit within the 16-inch housing envelope. It delivers the same torque and reliability as the Standard system's E2000 motor, scaled for pools up to 20 x 50 feet.
- Font: Open Sans, 16px, color #333333, line-height 1.7
- Margin: 0 0 25px 0
3. Two-column image row — 2 columns, 25px gap

Left column:
- File: lo-motor.webp
- Alt: "Integra low offset motor — compact drive unit for limited deck space installations"
- Width: 100%, border-radius 6px
- Caption: <p style="text-align:center;font-size:13px;color:#666;margin-top:8px;"><strong>Low Offset Motor</strong> — compact hollow-shaft design</p>
- Animation: fade-in-left, duration 0.5s

Right column:
- File: lo-motor-comparison.webp
- Alt: "Integra low offset motor detail — compact motor design for 16-inch offset system"
- Width: 100%, border-radius 6px
- Caption: <p style="text-align:center;font-size:13px;color:#666;margin-top:8px;"><strong>Motor Detail</strong> — stainless steel housing</p>
- Animation: fade-in-right, duration 0.5s

SECTION 8: COMPARISON CALLOUT BOX — STANDARD VS LOW OFFSET

Side-by-side comparison in a styled container.
- Container: background #F5F5F5
- Padding: 60px top, 60px bottom
- Inner: max-width 1000px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Standard vs. Low Offset — Quick Comparison</h2>
- Font: Montserrat, 28px, weight 700, color #003366
- Text-align: center
- Margin: 0 0 30px 0
2. Comparison Table (Text Block — HTML table)

<table style="width:100%;border-collapse:collapse;font-family:'Open Sans',sans-serif;">
  <thead>
    <tr style="background:#003366;">
      <th style="padding:14px 20px;text-align:left;color:#FFFFFF;font-size:15px;font-weight:600;border:none;">Feature</th>
      <th style="padding:14px 20px;text-align:center;color:#FFFFFF;font-size:15px;font-weight:600;border:none;">Standard (P2)</th>
      <th style="padding:14px 20px;text-align:center;color:#FFFFFF;font-size:15px;font-weight:600;border:none;">Low Offset</th>
    </tr>
  </thead>
  <tbody>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Max Pool Width</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">24 ft</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">20 ft</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Max Pool Length</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">60 ft</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">50 ft</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Offset Required</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">Standard housing</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">16 inches</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Motor</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">BISON E2000</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">Compact hollow-shaft BISON</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Construction</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">100% stainless steel</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">100% stainless steel</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Torque Limiter</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">Adjustable</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">Adjustable</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">ASTM F1346</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">&#10003;</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">&#10003;</td>
    </tr>
    <tr style="background:#FFFFFF;">
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;">Mechanism Warranty</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">20 years</td>
      <td style="padding:12px 20px;border-bottom:1px solid #E5E5E5;font-size:15px;color:#333;text-align:center;">20 years</td>
    </tr>
    <tr style="background:#F9F9F9;">
      <td style="padding:12px 20px;font-size:15px;color:#333;">Best For</td>
      <td style="padding:12px 20px;font-size:15px;color:#333;text-align:center;">Large pools, ample deck space</td>
      <td style="padding:12px 20px;font-size:15px;color:#333;text-align:center;">Limited space, retrofits, tight lots</td>
    </tr>
  </tbody>
</table>
  1. Image below table — centered, max-width 400px
  2. File: product-standard-comparison.webp
  3. Alt: "Integra standard mechanism — compare with low offset for your pool configuration"
  4. Width: 100%, max-width 400px, margin 30px auto 0, border-radius 6px
  5. Caption: <p style="text-align:center;font-size:13px;color:#666;margin-top:8px;">Standard P2 Mechanism shown for reference</p>

SECTION 9: COMPATIBILITY

Simple text section — matches Standard Mechanism page format.
- Container: white background #FFFFFF
- Padding: 50px top, 50px bottom
- Inner: max-width 800px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Compatibility</h2>
- Font: Montserrat, 28px, weight 700, color #003366
- Margin: 0 0 20px 0
2. Body (Text Block)
- Content:
- Pool shapes: Rectangular pools. Custom shapes may be accommodated — contact us for consultation.
- Pool sizes: Up to 20 feet wide by 50 feet long.
- Fabric: Compatible with all Aegis fabric colors and weights.
- New construction and retrofits: Particularly well-suited for retrofit installations where deck space was not originally planned for a cover mechanism.
- Electrical: Requires dedicated 110V or 220V circuit (consult installation guide for specific requirements).
- Font: Open Sans, 15px, color #333333, line-height 1.8

SECTION 9B: INSTALLATION & ENGINEERING INTEGRITY

Practical installation info — pulled from Stitch design improvements.
- Container: white background #FFFFFF (or continuation of Section 9)
- Padding: 50px top, 50px bottom
- Inner: max-width 800px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Installation & Engineering Integrity</h2>
- Font: Montserrat, 28px, weight 700, color #003366
2. Body (Text Block)
- Content: Our Low Offset mechanisms are designed for precision fit. Unlike generic "small footprint" systems, Integra maintains the structural integrity required to meet ASTM safety standards.
3. Bullet list:
- Timeline: Typical installation takes 1-3 business days depending on site prep.
- Requirements: Solid concrete pad or reinforced bond beam (18" min depth).
- Authorized Dealer Only: This product must be installed by a factory-certified technician.

SECTION 10: RELATED PRODUCTS

Cross-sell cards — matches Standard page format.
- Container: background #F5F5F5
- Padding: 60px top, 60px bottom
- Inner: max-width 900px, centered

Elements:
1. Heading (Text Block)
- Content: <h2>Related Products</h2>
- Font: Montserrat, 28px, weight 700, color #003366
- Text-align: center
- Margin: 0 0 30px 0
2. Two-column card row — 2 columns, 25px gap

Card 1: Standard Mechanism
- Background: #FFFFFF, border-radius 8px, padding 25px, box-shadow 0 2px 8px rgba(0,0,0,0.06)
- Title: <h3 style="font-size:18px;color:#003366;margin:0 0 8px;">Standard Mechanism</h3>
- Description: <p style="font-size:14px;color:#555;line-height:1.6;">For pools up to 24 x 60 feet with standard deck space. The P2 full-system mechanism with BISON E2000 motor.</p>
- Link: <a href="/products/standard-mechanism/" style="color:#003366;font-weight:600;font-size:14px;">Learn More &rarr;</a>

Card 2: Aegis Fabric
- Same card styling
- Title: <h3 style="font-size:18px;color:#003366;margin:0 0 8px;">Aegis Fabric System</h3>
- Description: <p style="font-size:14px;color:#555;line-height:1.6;">Heat-sealed premium fabric with 7 color options. Designed specifically for Integra mechanisms.</p>
- Link: <a href="/products/aegis-fabric/" style="color:#003366;font-weight:600;font-size:14px;">Learn More &rarr;</a>

Card 3: Colors & Options
- Same card styling
- Title: <h3 style="font-size:18px;color:#003366;margin:0 0 8px;">Colors & Options</h3>
- Description: <p style="font-size:14px;color:#555;line-height:1.6;">Custom powder-coated lids and matching hardware for any deck.</p>
- Link: <a href="/products/colors/" style="color:#003366;font-weight:600;font-size:14px;">Explore &rarr;</a>

SECTION 11: CLOSING CTA

Standard CTA block.
- Container: background #003366
- Padding: 60px top, 60px bottom
- Inner: max-width 700px, centered, text-align center

Elements:
1. Heading (Text Block)
- Content: <h2>Need the Low Offset for Your Project?</h2>
- Font: Montserrat, 28px, weight 700, color #FFFFFF
- Margin: 0 0 15px 0
2. Body (Text Block)
- Content: <p>Contact us for specifications, site evaluation guidance, or to connect with an authorized installer who specializes in low-offset installations.</p>
- Font: Open Sans, 17px, color rgba(255,255,255,0.85), line-height 1.6
- Margin: 0 0 25px 0
3. Button (Button element)
- Text: Contact Us
- URL: /contact/
- Style: background #FFFFFF, color #003366, font Montserrat 15px weight 600
- Padding: 14px 40px
- Border-radius: 4px
- Hover: background #E6EEF5

IMAGE UPLOAD CHECKLIST

File to Upload Alt Text to Enter
lo-hero.webp Integra low offset mechanism installed on residential pool — charcoal Aegis cover with lake backdrop
lo-motor.webp Integra low offset motor — compact drive unit for limited deck space installations
lo-motor-comparison.webp Integra low offset motor detail — compact motor design for 16-inch offset system
lo-installed-cover.webp Integra low offset mechanism installed — aerial view showing compact 16-inch offset with charcoal cover
product-standard-comparison.webp Integra standard mechanism — compare with low offset for your pool configuration