You can set any footer using Page Builder, which will be displayed at the bottom of the site against a dark background.

  • Go to jOLiSHOP Footers › Add New.
  • Add title.
  • Use Backend Editor.
  • Add Element › Row.
  • Split row in 1/4 + 1/6 + 1/6 + 1/6 + 1/4 proportion.
  • In 5 created columns add Custom Heading elements.
  • In column 1 after the Heading add Text Block.
  • In columns 2, 3, 4 after the Heading add WP Custom Menu.
  • In column 5 after the Heading add Text Block and Contact Form 7.

You can use any editor to create your custom footer: WPBakery Page Builder, Gutenberg or Classic.

SHORTCODE

[vc_row][vc_column width="1/4"][vc_custom_heading text="Information" font_container="tag:h3|text_align:left" use_theme_fonts="yes"][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. 890 Grove Street Brentwood, NY 11717 631-853-4763 contact@jolishop.com[/vc_column_text][/vc_column][vc_column width="1/6"][vc_custom_heading text="Shop" font_container="tag:h3|text_align:left" use_theme_fonts="yes" link="url:http%3A%2F%2Fshop.jolithemes.com%2Fshop%2F|title:Shop||"][vc_wp_custommenu nav_menu="328"][/vc_column][vc_column width="1/6"][vc_custom_heading text="Customer" font_container="tag:h3|text_align:left" use_theme_fonts="yes"][vc_wp_custommenu nav_menu="329"][/vc_column][vc_column width="1/6"][vc_custom_heading text="About us" font_container="tag:h3|text_align:left" use_theme_fonts="yes" link="url:http%3A%2F%2Fshop.jolithemes.com%2Fabout-us%2F|title:About%20us||"][vc_wp_custommenu nav_menu="330"][/vc_column][vc_column width="1/4"][vc_custom_heading text="NEWSLETTER SIGNUP" font_container="tag:h3|text_align:left" use_theme_fonts="yes"][vc_column_text]Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate.[/vc_column_text][contact-form-7 id="1418"][/vc_column][/vc_row]