WooCommerce Cart Share and Save

Step 1: Download the ZIP file from CodeCanyon.

Step 2: Extract the downloaded ZIP file to your desktop or any preferred folder.

Step 3: Open the extracted folder named “woocommerce-cart-share-and-save”.

Step 4: Inside the folder, you will find three directories:

1. Documentation
2. License
3. Plugin

Step 5: Open the “Plugin” folder. You will find the main plugin file named “plugin.zip”.

Step 6: Log in to your WordPress admin panel.

Step 7: Navigate to Plugins → Add New.

Step 8: Click on the “Upload Plugin” button, then click “Browse”.

Step 9: Select the “plugin.zip” file and click “Install Now”.

Step 10: Once the upload is complete, click the “Activate Plugin” button.

Popup Background Color: Set the background color of the popup. Default: #ffffff

Popup Text Color: Set the text color of the popup. Default: #21234a

Buttons Background Color: Set the background color of the buttons. Default: #fc6c6c

Buttons Text Color: Set the text color of the buttons. Default: #ffffff

Popup Overlay: Enable or disable the popup overlay.

Button Location: Select the position of the Share Cart button. Default: With – Apply Coupon

Buttons Status: Enable or disable the buttons on the cart page.

RTL (Right to Left): Enable this option if your website supports right-to-left languages such as Arabic or Hebrew.

User Can Save Cart?: Enable this option to allow users to save their cart.

User Can Print Cart?: Enable this option to allow users to print their cart.

Select Social Media: Enable or disable the social sharing channels.

Display By Roles: Control the visibility of the share cart feature based on user roles.

Retrieved Cart Redirection: Select the page where users will be redirected after retrieving a shared cart.

Social Share Message: Define the message that will be included with the shared link.

Custom CSS: Add your custom CSS here.

Automatically Delete Cart Options:

• Delete Shared Cart After Retrieval: Enable this option to automatically delete the shared cart once it has been retrieved.
• Delete Saved and Shared Cart After Retrieval: Enable this option to automatically delete both saved and shared carts once they have been retrieved.

Share Cart Button Text: Set the text for the Share Cart button.

Share Cart Title: Set the title displayed in the share cart popup.

Save Cart Button Text: Set the text for the Save Cart button.

Email Cart Button Text: Set the text for the Email Cart button.

Save Cart Input Placeholder: Set the placeholder text for the save cart input field.

Save Cart Message: Set the message displayed after saving the cart.

Save Cart Not Logged-in Message: Set the message displayed when a user is not logged in.

Empty Cart Message: Set the message displayed when the cart is empty.

Empty Retrieved Message: Set the message displayed when a cart is successfully retrieved.

Cart Not Found Message: Set the message displayed when the cart is not found.

Label for “Email To”: Set the label for the recipient email field.

Label for “Subject”: Set the label for the email subject field.

Label for “Message”: Set the label for the email message field.

Send Cart Button Text: Set the text for the Send Cart button in the email form.

Messenger App ID: Enter your Facebook Developer App ID.

Follow the steps below to create a Facebook App ID:

1. Visit the Facebook Developers website.
2. Click Log In from the main menu and enter your Facebook credentials.
3. From the main menu, click My Apps.
4. Click the Create App button.
5. Select Business as the app type, then click Next.
6. Enter a Display Name (any name of your choice) and your App Contact Email, then click Create App.
7. If prompted, enter your Facebook password and click Submit.
8. Copy the generated App ID and paste it into the plugin’s Messenger App ID field.

Note: On mobile devices, Facebook Messenger sharing will only work if the Facebook Messenger app is installed.

Tab Name: Set the name of the tab.

Slug: Set the URL slug (parameter). Default: saved-cart

Restore Cart Button Label: Set the label for the Restore Cart button.

Share Cart Button Label: Set the label for the Share Cart button.

Delete Cart Button Label: Set the label for the Delete Cart button.

Empty Saved Cart Button Label: Set the button label displayed when no saved carts are available.

Empty Saved Cart Message: Set the message displayed when no saved carts are available.

Brand Logo: Upload your brand logo.

Brand Name: Enter your brand name.

Header Background Color: Set the background color for the email header and footer.

Header Text Color: Set the text color for the email header and footer.

Button Background Color: Set the background color of email buttons.

Button Text Color: Set the text color of email buttons.

Body Color: Set the background color of the email body.

Button Text: Set the text displayed on the email button.

Email Description: Enter the email description content.

Follow Us:

• Facebook: Leave blank to disable.
• Instagram: Leave blank to disable.
• Twitter: Leave blank to disable.
• WhatsApp: Leave blank to disable. Enter the mobile number with the international country code (without the “+” symbol).
  Example: 911234567890 (for +91 1234567890)

Email From Name: Enter the sender name for outgoing emails.

Email From Address: Enter the sender email address for your store.

Brand Logo: Upload your brand logo.

Header Background Color: Set the background color of the print cart header.

Button Background Color: Set the background color of buttons in the print cart.

Button Text Color: Set the text color of buttons in the print cart.

Button Text: Set the text displayed on the button.

Print Cart File Name: Set the file name used when saving the print cart as a PDF.

Retrieve Cart Button: Show or hide the Retrieve Cart button in the print cart.

Retrieve Cart Link: Show or hide the Retrieve Cart link in the print cart.

Website Style: By default, the print cart uses a clean, print-friendly layout. Disable this option to inherit your theme’s styles in the print cart.

Displaying the Share Cart Button:
Copy and paste the following shortcode into any page, post, or widget where you want the Share Cart button to appear:

[wcss-share-cart-btn]

Parameters:

• text: Set the button text.
• bgColor: Set the button background color.
• textColor: Set the button text color.

Example:
[wcss-share-cart-btn text="your_button_text" bgColor="#333333" textColor="#ffffff"]

Displaying the Save Cart Button:
Copy and paste the following shortcode into any page, post, or widget where you want the Save Cart button to appear:

[wcss-save-cart-btn]

Parameters:

• text: Set the button text.
• bgColor: Set the button background color.
• textColor: Set the button text color.

Example:
[wcss-save-cart-btn text="your_button_text" bgColor="#333333" textColor="#ffffff"]f”]

Displaying the Email Cart Button:
Copy and paste the following shortcode into any page, post, or widget where you want the Email Cart button to appear:

[wcss-email-cart-btn]

Parameters:

• text: Set the button text.
• bgColor: Set the button background color.
• textColor: Set the button text color.

Example:
[wcss-email-cart-btn text="your_button_text" bgColor="#333333" textColor="#ffffff"]

Here you can find answers to some of the most frequently asked technical questions, along with their solutions.

Step 1: Log in to your WordPress admin panel.

Step 2: From the admin menu, click on Woo Cart Share.

Step 3: Navigate to the Popup Text Settings tab.

Step 4: Scroll down to the “Save Cart Not Logged-in Message” option.

Step 5: Click on the “Login Now” link. A small popup window will appear.

Step 6: Click the Pencil icon and enter your login page URL.

Step 7: Click the Save Changes button.

Step 1: Log in to your WordPress admin dashboard.

Step 2: Navigate to Woo Cart Share → Saved Cart from the admin menu.

Step 3: Click the “Delete All Saved & Shared Carts” button to remove all saved and shared carts.

Note: This action is permanent and cannot be undone.

Follow the steps below to resolve the “Saved Carts Page Not Found” issue:

Step 1: Log in to your WordPress admin dashboard.

Step 2: Navigate to Settings → Permalinks.

Step 3: Without making any changes, click the Save Changes button.

If you experience an empty cart after retrieving a shared or saved cart, it is often caused by changes to the permalink structure.

To resolve this issue, follow the steps below:

Step 1: Log in to your WordPress dashboard.

Step 2: Navigate to Settings → Permalinks.

Step 3: Do not change any settings.

Step 4: Click the Save Changes button.

By default, WooCommerce Cart Share and Save loads its JavaScript and CSS assets on all frontend pages. This ensures that the save and share cart functionality works wherever the shortcodes are placed—such as the homepage, product pages, or custom landing pages—allowing users to copy, share, or print their carts seamlessly.

However, if you are using this functionality only on the Cart and My Account pages, you may choose to dequeue these scripts and styles from other pages to optimize performance.

<?php
/**
 * Remove WCSS scripts and styles from all pages except Cart and My Account.
 *
 * @author WeCreativez
 * @link https://codecanyon.net/item/woocommerce-cart-share-and-save/21364305
 */
add_action( 'wp_enqueue_scripts', function() {
	if ( is_cart() || is_account_page() ) {
		return;
	}

	wp_dequeue_script( 'wcss-clipboard' ); // Remove clipboard functionality script.
	wp_dequeue_script( 'wcss-printthis' ); // Remove print feature script.
	wp_dequeue_style( 'wcss' );            // Remove WCSS stylesheet.
	wp_dequeue_script( 'wcss' );           // Remove main WCSS script.

	/**
	 * Hide popup.
	 */
	add_action( 'wp_head', function() {
		?>

			.wcss-popup-overlay,
			.wcss-popup {
				display: none !important;
			}

		<?php
	} );
}, 999 );

Copy the following code and paste it into your child theme’s functions.php file.

Allows the shop manager role to access the Shared Cart and Saved Cart admin menus by updating their required capability to manage_woocommerce, which they already have by default.

Add the snippet using FTP:

1. Connect to your server via an FTP client like FileZilla.
2. Navigate to: /wp-content/themes/your-active-theme/.
3. Download the functions.php file to your local system.
4. Open it in a code editor and paste the snippet at the end.
5. Save the file.
6. Upload it back to the same location, replacing the old file.

<?php
/**
 * Change capability for shop manager role to access shared cart and saved cart menu.
 * 
 * By default, shop manager role doesn't have access to shared cart and saved cart menu. 
 * This filter changes the capability for shop manager role to manage_woocommerce, which allows them to access these menus.
 * 
 * @since 3.0.0
 * 
 * @param array $menus The existing admin menus.
 */
add_filter( 'wcss_admin_menus', function ( $menus ) {

	// Get current user.
	$current_user = wp_get_current_user();

	// Check role and update capabilities.
	if ( ! empty( $current_user->roles ) && 'shop_manager' === $current_user->roles[0] ) {

		$menus['shared_cart']['capability'] = 'manage_woocommerce';
		$menus['saved_cart']['capability']  = 'manage_woocommerce';
	}

	return $menus;
} );

WooCommerce Cart Share & Save template files contain the markup and template structure for frontend and HTML emails of your store.

How to override the template.

Original template files can be found within the /woocommerce-cart-share-and-save/templates/ directory.

You can override the WooCommerce Cart Share & Save the template by creating a folder wcss-templates inside of your child theme root.

Copy the template into a directory within your theme named /wcss-templates keeping the same file structure.

Example: To override the share cart email copy: wp-content/plugins/woocommerce-cart-share-and-save/templates/email-cart/email-cart.php to wp-content/themes/yourtheme/wcss-templates/email-cart/email-cart.php

The copied file will now override the WooCommerce Cart Share & Save default template file.

Warning: Do not edit these files within the core plugin itself as they are overwritten during the upgrade process and any customizations will be lost.

Still no luck? We can help!

Our WooCommerce experts are always available for you to make the template according to your need at very reasonable development cost. Contact us now.

CodeCanyon Licenses & Regular License

Our professional, high-quality support is always on hand to help you out.

Get Premium Support, Contact Us, Pre-sale Questions