How do I embed my WooCommerce WordPress website?

Follow the instructions below if you want to use your WooCommerce shopping cart from your WordPress website in your app.

1) Log into your WordPress website and go to the Admin section. Navigate to your theme’s functions.php and add the following code:

/**
 * BEGIN: WooCommerce App Embed Code For Theme functions.php.
 */
add_action( 'after_setup_theme', 'wc_remove_frame_options_header', 11 );
 
/**
 * Allow rendering of checkout and account pages in iframes.
 */
function wc_remove_frame_options_header() {
	remove_action( 'template_redirect', 'wc_send_frame_options_header' );
	remove_action( 'login_init', 'send_frame_options_header' );
remove_action( 'admin_init', 'send_frame_options_header' );
 
}
/**
 * END: WooCommerce App Embed Code For Theme functions.php.
 */

2) Log into your App Manager and select your app.

3) Click Features from the left-hand-side of the screen (or the middle of the screen).

4) Scroll to the Source Code app page.

5)Rename the page to whatever name you would like to show in the app.

6) In the code box, paste the following:

Go Back
Go Home
Go Forward
 
 7) Click Save.