Dynamic CTA Footer

The Problem & Solution

The site have custom CTA footer text for regular page.

Solution

We create Dynamic Visibility for Main Footer that will be show an entire site. Add a function to remove it for un-want page.

This function it will not echo the default CTA footer html to the checked page.

To do it these plugins are request to install:

1# Settting Dynamic Visibility extension on Main CTA footer

  1. Enable Features/ Extensions > Dynamic Visibility
  2. On Theme Builder > Footer tab > Select main footer > Edit with Elementor
  3. Edit Section > Visibility : Yes > Display Mode: Hide > Triggers : Dynamic Tags
  4. Dynamic Tags Setting > select icon database > ACF Field > Key: Hide Default CTA Footer
  5. Status setting > Valorized with any value
dynamic vs 1
Dynamic Visibility Setting
dynamic vs 2
Dynamic Tags Setting
dynamic vs 3
Status setting

2# Create Field Group for CTA footer

  1. +Add Filed
  2. Add Field Label: Hide Default CTA Footer
  3. Field Name: hide_default_cta_footer
  4. Field Type: Checkbox
  5. Choices yes : Yes
  6. Layout : Vertical
  7. Return Value : Value

Location: Post Type > is equal to > Page

Settings: Position: Side

The checkbox filed will show on the right bottom of all pages user just check the box to hide the Main CTA footer.

Then they can add custom cta section into the page.

Screen Shot 2565 07 19 at 11.14.20
Custom field
img cta footer 2
Edit Page

Example site here: https://twinflame.kinsta.cloud/en/contact-us/