User Interfaces - Revision history

Seneview at 11:45, 8 May 2022

2022-05-08T11:45:52Z

← Older revision		Revision as of 11:45, 8 May 2022
Line 67:		Line 67:
	[order_confirmation]		[order_confirmation]
	'''Note:''' In order to this to be last step admin must use this as a final step in the funnel steps in the dashboard		'''Note:''' In order to this to be last step admin must use this as a final step in the funnel steps in the dashboard

			== See Also ==
			[[Funnel Settings]]

			[[Admin interface]]

			[[Process Flow]]

Seneview at 10:29, 8 May 2022

2022-05-08T10:29:25Z

← Older revision		Revision as of 10:29, 8 May 2022
Line 51:		Line 51:
	File:Checkout button edit.png\|Checkout Button Edit Area		File:Checkout button edit.png\|Checkout Button Edit Area
	</gallery>		</gallery>

			== Up-sell Page ==
			[[File:Upsell page example.png\|alt=Upsell Page Example\|thumb\|Figure 2.3 : Upsell/Downsell Page]]


			For Additional product promotions, user can create multiple pages for each .product. This can be a typical WP page optionally build with any build tool like WP bakery or Elementor. Just like explained in the Landing page section user must assign a product id and variation id to the page. In addition to these post meta user must utilise the below shortcode in the page. these short code will add necessary variable to the page required in the funnel.
			[next_step]
			User can setup multiple upsell/downsell pages one after another using the '''funnel steps''' area in the '''funnel setting''' dashboard. These pages the visitor have capability of ignore the product suggestions or accept and add it to the cart and actions will execute accordingly. see [https://funnel-settings.seneview.com/index.php?title=Process_Flow#Step_07:_Upsell_Pages Upsell process].

			== Order Confirmation Page ==
			[[File:Order confirmation page.png\|alt=Order Detail Page\|thumb\|Figure 2.4 : Order Confirmation Page]]


			This will be the final page of the Funnel Process See [https://funnel-settings.seneview.com/index.php?title=File:Funnel_Settings_Version_2.1.x.png Process Flow Diagram]. summary of the user's order will appear on this page along with some tracking information. These Order details are dynamically generated by the shortcode on the page
			[order_confirmation]
			'''Note:''' In order to this to be last step admin must use this as a final step in the funnel steps in the dashboard

Seneview at 11:07, 6 May 2022

2022-05-06T11:07:37Z

@@ Line 33: / Line 33: @@
 ==== Static section : Contact Details, Shipping Details, Card Details ====
 These  are some static form segments to get user information <gallery perrow="3" caption="Figure 1.8  Static Form Segments">
-File:Index.php?title=File:User contact info1.png|User Contact info
+File:User contact info1.png|User Contact Info
-File:Index.php?title=File:Shipping section .png|User Shipping info
+File:Shipping section .png|User Shipping Info
-File:Index.php?title=File:Card Details Section.png|alt=Static Form Segments|User Card Info
+File:Card Details Section.png|User Card Info
 </gallery>
 ==== Order bumps ====
 The dynamic order bump section is editable from the back-end.
-[[File:Order bump section.png|alt=Order bump section in the checkout page|none|thumb|Figure 2.1 : Order bump]]
+[[File:Order bump section.png|alt=Order bump section in the checkout page|none|thumb|Figure 1.9 : Order bump]]
 Modification area built using custom fields plugin can be access by following  ''wp-admin > pages > Checkout page.''
-[[File:Checkout order bump back-end.png|alt=Order bump edit area|none|thumb|Figure 2.2 : Order bump edit]]
+[[File:Checkout order bump back-end.png|alt=Order bump edit area|none|thumb|Figure 2.0 : Order bump edit]]
 ==== Order Details area ====
-As a final step, you will see the detailed summary of the order as well as the grantee option with the checkout button
+As a final step, you will see the detailed summary of the order as well as the grantee option with the checkout button.
+[[File:Order summery Section.png|alt=Order detailed summary|none|thumb|Figure 2.1 : Order Summary]]
-== Interface #2 ==
+In the user interface, the user is given the option to add grantees to a product that the client can choose from, and change the checkout button style and text in this area from the back-end.<gallery perrow="2" caption="2.2 Order Detail segment">
-[[File:Image3.jpg|thumb|350x350px|none]]
+File:Garantee section edit.png|Guarantee Edit Area
+File:Checkout button edit.png|Checkout Button Edit Area
-== Interface #3 ==
+</gallery>

Seneview at 10:47, 6 May 2022

2022-05-06T10:47:44Z

← Older revision		Revision as of 10:47, 6 May 2022
Line 32:		Line 32:

	==== Static section : Contact Details, Shipping Details, Card Details ====		==== Static section : Contact Details, Shipping Details, Card Details ====
	These are some static form segments to get user information <gallery ~~mode="packed-overlay"~~ perrow="3" caption="Figure 1.8 Static Form Segments">		These are some static form segments to get user information <gallery perrow="3" caption="Figure 1.8 Static Form Segments">
	File:User contact info1.png\|User Contact info		File:Index.php?title=File:User contact info1.png\|User Contact info
	File:Shipping section .png\|User Shipping info		File:Index.php?title=File:Shipping section .png\|User Shipping info
	File:Card Details Section.png\|alt=Static Form Segments\|User Card Info		File:Index.php?title=File:Card Details Section.png\|alt=Static Form Segments\|User Card Info
	</gallery>		</gallery>

Seneview: /* Order Details Page */

2022-05-06T10:46:50Z

Order Details Page

@@ Line 20: / Line 20: @@
 [[File:Optin-form.png|alt=Optin Form represented by the short code|none|thumb|Figure 1.4 : Shortcode HTML representation]]
-== Order Details Page ==
+== Checkout Page ==
-[[File:Image2.jpg|thumb|602x602px|none]]
+[[File:Checkout page sample.png|alt=Checkout Sample Page|thumb|Figure 1.5 : Checkout Sample Page]]
 == Interface #2 ==

Seneview at 05:08, 6 May 2022

2022-05-06T05:08:20Z

← Older revision		Revision as of 05:08, 6 May 2022
Line 1:		Line 1:
	== Landing Page ==		== Landing Page ==
	[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]		[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|thumb\|200x200px\|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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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 [[:File:DeepinScreenshot select-area 20220506084320.png\|figure 1.2: Landing Page meta.]] Generally, this need to be applied to any product promo page created on the site.		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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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 [[:File:DeepinScreenshot select-area 20220506084320.png\|figure 1.2: Landing Page meta.]] Generally, this need to be applied to any product promo page created on the site.

Seneview: Add optin form to the user interfaces

2022-05-06T05:07:24Z

Add optin form to the user interfaces

@@ Line 5: / Line 5: @@
 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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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  [[:File:DeepinScreenshot select-area 20220506084320.png|figure 1.2: Landing Page meta.]]  Generally, this need to be applied to any product promo page created on the site.
 [[File:DeepinScreenshot select-area 20220506084320.png|alt=Wp Landing page |thumb|Figure 1.2 Landing page Meta|none|441x441px]]
 == Order Details Page ==
 [[File:Image2.jpg|thumb|602x602px|none]]

Seneview at 03:53, 6 May 2022

2022-05-06T03:53:35Z

← Older revision		Revision as of 03:53, 6 May 2022
Line 1:		Line 1:
			== Landing Page ==
	[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]		[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]
	~~== Landing Page ==~~

Seneview at 03:53, 6 May 2022

2022-05-06T03:53:16Z

← Older revision		Revision as of 03:53, 6 May 2022
Line 1:		Line 1:
			[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]
	== Landing Page ==		== 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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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 [[:File:DeepinScreenshot select-area 20220506084320.png\|figure 1.2: Landing Page meta.]] Generally, this need to be applied to any product promo page created on the site.		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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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 [[:File:DeepinScreenshot select-area 20220506084320.png\|figure 1.2: Landing Page meta.]] Generally, this need to be applied to any product promo page created on the site.
	~~[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|left\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]~~
	[[File:DeepinScreenshot select-area 20220506084320.png\|alt=Wp Landing page \|thumb\|Figure 1.2 Landing page Meta\|none\|441x441px]]		[[File:DeepinScreenshot select-area 20220506084320.png\|alt=Wp Landing page \|thumb\|Figure 1.2 Landing page Meta\|none\|441x441px]]
	== Order Details Page ==		== Order Details Page ==

Seneview at 03:50, 6 May 2022

2022-05-06T03:50:48Z

← Older revision		Revision as of 03:50, 6 May 2022
Line 4:		Line 4:
	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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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 [[:File:DeepinScreenshot select-area 20220506084320.png\|figure 1.2: Landing Page meta.]] Generally, this need to be applied to any product promo page created on the site.		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. [https://wpengine.com/resources/change-wordpress-font/#:~:text=Locate%20your%20themes%20editor%20by,is%20where%20fonts%20are%20defined.&text=More%20often%20than%20not%2C%20you,different%20areas%20on%20your%20site. 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 [[:File:DeepinScreenshot select-area 20220506084320.png\|figure 1.2: Landing Page meta.]] Generally, this need to be applied to any product promo page created on the site.
	[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|left\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]		[[File:Funnel-landing-page sample.png\|alt=Sample Funnel Landing Page\|left\|thumb\|200x200px\|Figure 1.1 : Funnel Landing Page]]
	[[File:DeepinScreenshot select-area 20220506084320.png\|alt=Wp Landing page \|thumb\|Figure 1.2 Landing page Meta\|none\|~~410x410px~~]]		[[File:DeepinScreenshot select-area 20220506084320.png\|alt=Wp Landing page \|thumb\|Figure 1.2 Landing page Meta\|none\|441x441px]]
	== Order Details Page ==		== Order Details Page ==
	[[File:Image2.jpg\|thumb\|602x602px\|none]]		[[File:Image2.jpg\|thumb\|602x602px\|none]]