User Interfaces

From Funnel Settings
Revision as of 03:53, 6 May 2022 by Seneview (talk | contribs)
Jump to navigation Jump to search

Landing Page

Sample Funnel Landing Page
Figure 1.1 : Funnel Landing Page


The landing page is the first page of the site where the user interacts with. To be able to do this, you first have to set up the front page of the WordPress site. See how to change the WordPress front page. Choosing which tool to use for building the page is up to the user. for example Elementor, WP Bakery, etc. It is a necessity to add the variation ID and relevant product id you are promoting on the page to the front page meta description. see figure 1.2: Landing Page meta. Generally, this need to be applied to any product promo page created on the site.

Wp Landing page
Figure 1.2 Landing page Meta

Order Details Page

Image2.jpg

Interface #2

Image3.jpg

Interface #3

Image4.jpg

Interface #4

Image5.jpg

Interface #5

Image6.jpg

Interface #6

Image7.jpg

Shortcodes

Legacy Shortcodes

Legacy shortcodes as of Funnel Settings version 2.1.0. These codes will be removed in a future release and will no longer work. This is for documentation purpose only.

A.[checkout_page]

Image1.jpg

B.[checkout_form_v2]

Image2.jpg

Modern Shortcodes

These are shortcodes that were introduced as of Funnel Settings version 2.1.x.

A.[checkout_form style=a]

B.[checkout_form style=b]

C.[checkout_form style=c]

D.[checkout_form style=d]

E.[checkout_form style=e]

F.[checkout_form style=f]

G.[checkout_form style=g]

H.[checkout_items style=a]

I.[checkout_items style=b]

J.[order_bumps]

K.[guarantees]

L.[billing_details section=customer-details]

M.[billing_details section=address-details]

N.[card_details]

O.[checkout_summary]

P.[checkout_submit]