Skip to content

fix: consultation-popup - Open the popup from the CTA band and section buttons (LSA-214) #162

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
brandonmarshal merged 2 commits into from
Oct 26, 2026
Merged

fix: consultation-popup - Open the popup from the CTA band and section buttons (LSA-214) #162

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1a0dcab
fix: consultation-popup - Open the popup from the CTA band and sectio…
brandonmarshal Oct 26, 2026
669ca54
docs: changelog - Add the CTA band and section popup buttons entry (L…
brandonmarshal Oct 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

---

## [Unreleased] — Open the popup from the CTA band and section buttons (LSA-214)

### Changed

- The consultation buttons in the CTA band patterns (`cta-dark-band-buttons`, `section-cta-consultation-band`, `-inline`, `-reassurance`, `-strip`, `section-cta-split-checklist`, `split-cta-check-card`, `split-cta-tile-band`) and the section patterns (`blog-writing-cta`, `homepage-cta`, `phase-support-focus`, `services-cta`, `work-discuss-project`) now open the Consultation popup instead of leaving the page, so Form 4 entries record the page the visitor was on. Each button keeps its link to `/free-consultation/` as a fallback if the popup or JavaScript fails.
- The "Send a brief first" buttons in `homepage-cta` and `work-discuss-project` open the Website Brief popup and keep their `/contact/` link as the fallback.

([#162](https://github.com/lightspeedwp/ls-theme/pull/162))

---

## [Unreleased] — Open the Consultation popup from the hero, header and phase CTA buttons (LSA-214)

### Changed
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/cta-dark-band-buttons.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,8 @@

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)">
<!-- wp:button {"className":"is-style-button-primary-on-dark"} -->
<div class="wp-block-button is-style-button-primary-on-dark"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-primary-on-dark pum-triggercta"} -->
<div class="wp-block-button is-style-button-primary-on-dark pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"var(--wp--custom--color--text--on-dark)","background":"transparent"},"border":{"color":"color-mix(in srgb, var(--wp--custom--color--text--on-dark) 38%, transparent)"}}} -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/section-cta-consultation-band.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,8 @@
<div class="wp-block-group ls-cta-band__actions">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"ls-cta-band__button"} -->
<div class="wp-block-button ls-cta-band__button"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"ls-cta-band__button pum-triggercta"} -->
<div class="wp-block-button ls-cta-band__button pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/section-cta-consultation-inline.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,8 @@

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"ls-cta-inline__button"} -->
<div class="wp-block-button ls-cta-inline__button"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"ls-cta-inline__button pum-triggercta"} -->
<div class="wp-block-button ls-cta-inline__button pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/section-cta-consultation-reassurance.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"ls-cta-reassurance__button"} -->
<div class="wp-block-button ls-cta-reassurance__button"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"ls-cta-reassurance__button pum-triggercta"} -->
<div class="wp-block-button ls-cta-reassurance__button pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/section-cta-consultation-strip.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,8 @@
<div class="wp-block-group ls-cta-strip__cta-wrap">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"ls-glass-button ls-cta-strip__button","style":{"border":{"radius":"var:preset|border-radius|200","style":"solid","width":"1px"},"color":{"text":"var:custom|color|text|default"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40"}},"typography":{"fontSize":"var:preset|font-size|200","fontWeight":"var:custom|typography|font-weight|semibold","letterSpacing":"0.08em"}}} -->
<div class="wp-block-button ls-glass-button ls-cta-strip__button"><a class="wp-block-button__link has-text-color has-custom-font-size wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>" style="border-style:solid;border-width:1px;border-radius:var(--wp--preset--border-radius--200);color:var(--wp--custom--color--text--default);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40);font-size:var(--wp--preset--font-size--200);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:0.08em"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"ls-glass-button ls-cta-strip__button pum-triggercta","style":{"border":{"radius":"var:preset|border-radius|200","style":"solid","width":"1px"},"color":{"text":"var:custom|color|text|default"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|20","left":"var:preset|spacing|40"}},"typography":{"fontSize":"var:preset|font-size|200","fontWeight":"var:custom|typography|font-weight|semibold","letterSpacing":"0.08em"}}} -->
<div class="wp-block-button ls-glass-button ls-cta-strip__button pum-triggercta"><a class="wp-block-button__link has-text-color has-custom-font-size wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>" style="border-style:solid;border-width:1px;border-radius:var(--wp--preset--border-radius--200);color:var(--wp--custom--color--text--default);padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40);font-size:var(--wp--preset--font-size--200);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:0.08em"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/section-cta-split-checklist.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,8 @@

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--40)">
<!-- wp:button {"className":"is-style-button-phase-primary"} -->
<div class="wp-block-button is-style-button-phase-primary"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-phase-primary pum-triggercta"} -->
<div class="wp-block-button is-style-button-phase-primary pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-button-phase-outline"} -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/split-cta-check-card.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,8 @@

<!-- wp:buttons {"className":"ls-buttons-wrap"} -->
<div class="wp-block-buttons ls-buttons-wrap">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Discuss your platform', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"pum-triggercta"} -->
<div class="wp-block-button pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Discuss your platform', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/cta/split-cta-tile-band.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,8 @@
<div class="wp-block-group">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"className":"ls-cta-tile-band__button","style":{"border":{"radius":"var:preset|border-radius|500"}},"fontSize":"200"} -->
<div class="wp-block-button ls-cta-tile-band__button"><a class="wp-block-button__link has-custom-font-size has-200-font-size wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>" style="border-radius:var(--wp--preset--border-radius--500)"><?php echo esc_html__( 'Book a design-system audit', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"ls-cta-tile-band__button pum-triggercta","style":{"border":{"radius":"var:preset|border-radius|500"}},"fontSize":"200"} -->
<div class="wp-block-button ls-cta-tile-band__button pum-triggercta"><a class="wp-block-button__link has-custom-font-size has-200-font-size wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>" style="border-radius:var(--wp--preset--border-radius--500)"><?php echo esc_html__( 'Book a design-system audit', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/sections/blog-writing-cta.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,8 +58,8 @@

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)">
<!-- wp:button {"className":"is-style-button-primary-on-dark"} -->
<div class="wp-block-button is-style-button-primary-on-dark"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-primary-on-dark pum-triggercta"} -->
<div class="wp-block-button is-style-button-primary-on-dark pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
8 changes: 4 additions & 4 deletions patterns/sections/homepage-cta.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,12 +52,12 @@

<!-- wp:buttons {"className":"ls-buttons-wrap","layout":{"type":"flex","flexWrap":"wrap"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons ls-buttons-wrap" style="margin-top:var(--wp--preset--spacing--30)">
<!-- wp:button {"className":"is-style-button-primary-on-dark ls-homepage-cta-arrow"} -->
<div class="wp-block-button is-style-button-primary-on-dark ls-homepage-cta-arrow"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-primary-on-dark ls-homepage-cta-arrow pum-triggercta"} -->
<div class="wp-block-button is-style-button-primary-on-dark ls-homepage-cta-arrow pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a free consultation', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline ls-homepage-cta-outline","style":{"color":{"text":"var(--wp--custom--color--text--on-dark)","background":"transparent"},"border":{"color":"color-mix(in srgb, var(--wp--custom--color--text--on-dark) 38%, transparent)","width":"1px","style":"solid","radius":"var:preset|border-radius|500"}},"fontSize":"200"} -->
<div class="wp-block-button is-style-outline ls-homepage-cta-outline"><a class="wp-block-button__link has-text-color has-background has-border-color has-200-font-size has-custom-font-size wp-element-button" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" style="border-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 38%, transparent);border-style:solid;border-width:1px;border-radius:var(--wp--preset--border-radius--500);color:var(--wp--custom--color--text--on-dark);background-color:transparent"><?php echo esc_html__( 'Send a brief first', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-outline ls-homepage-cta-outline pum-triggerbrief","style":{"color":{"text":"var(--wp--custom--color--text--on-dark)","background":"transparent"},"border":{"color":"color-mix(in srgb, var(--wp--custom--color--text--on-dark) 38%, transparent)","width":"1px","style":"solid","radius":"var:preset|border-radius|500"}},"fontSize":"200"} -->
<div class="wp-block-button is-style-outline ls-homepage-cta-outline pum-triggerbrief"><a class="wp-block-button__link has-text-color has-background has-border-color has-200-font-size has-custom-font-size wp-element-button" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" style="border-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 38%, transparent);border-style:solid;border-width:1px;border-radius:var(--wp--preset--border-radius--500);color:var(--wp--custom--color--text--on-dark);background-color:transparent"><?php echo esc_html__( 'Send a brief first', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/sections/phase-support-focus.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,8 +100,8 @@

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--60)">
<!-- wp:button {"className":"is-style-button-phase-primary"} -->
<div class="wp-block-button is-style-button-phase-primary"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Request Assessment', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-phase-primary pum-triggercta"} -->
<div class="wp-block-button is-style-button-phase-primary pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Request Assessment', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
4 changes: 2 additions & 2 deletions patterns/sections/services-cta.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,8 +44,8 @@

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Request a systems review', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"pum-triggercta"} -->
<div class="wp-block-button pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Request a systems review', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
8 changes: 4 additions & 4 deletions patterns/sections/work-discuss-project.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,12 +45,12 @@

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)">
<!-- wp:button {"className":"is-style-button-secondary"} -->
<div class="wp-block-button is-style-button-secondary"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation →', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-secondary pum-triggercta"} -->
<div class="wp-block-button is-style-button-secondary pum-triggercta"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation →', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-button-secondary-outline"} -->
<div class="wp-block-button is-style-button-secondary-outline"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>"><?php echo esc_html__( 'Send a brief first', 'ls-theme' ); ?></a></div>
<!-- wp:button {"className":"is-style-button-secondary-outline pum-triggerbrief"} -->
<div class="wp-block-button is-style-button-secondary-outline pum-triggerbrief"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>"><?php echo esc_html__( 'Send a brief first', 'ls-theme' ); ?></a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
Expand Down
Loading