WooCommerce Cart Share and Save

Step 1: Download the zip file from the codecanyon.net

Step 2: Extract the downloaded zip file on your desktop or in any folder.

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

Step 4: Here you found three folders 1) Documentation 2) License 3) Plugin.

Step 5: Open “Plugin” folder. Now you found the main plugin file “plugin.zip“.

Step 6: Log in to your WordPress admin panel.

Step 7: Mouse over the “Plugins” menu and click on “Add new“.

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

Step 9: Select the “plugin.zip” file and click on the “Upload” button.

Step 10: Now the final step, after uploading complete click on the “Activate Plugin” button.

Popup Background Color: Change popup background color. Default #ffffff

Popup Text Color: Change popup text color. Default #21234a

Buttons Background Color: Change the button’s background color. Default #fc6c6c

Buttons Text Color: Change the button’s text color. Default #ffffff

Popup Overlay: You can enable or disable the popup overlay.

Button Location: You can select the share cart button position. Default With - Apply Coupon

Buttons Status: You can enable/ disable buttons on the cart page.

RTL (Right to Left): If your website supports Arabic or Hebrew, you can enable this option.

User Can Save Cart?: Enable this option if users want to save the cart.

User Can Print Cart?: Enable this option if users want to print carts.

Select Social Media: You can enable or disable share media channels.

Display By Roles: You can enable or disable the share cart by the roles.

Retrieved Cart Redirection: Select the page where the user redirects after retrieving a shared cart.

Social Share Message: This message will be sent with the shared link.

Custom CSS: Enter your custom CSS.

Automatically Delete Cart Options: 

• Delete shared cart after retrieved?: Enable this option if you want to delete the shared cart after retrieved.
• Delete saved and shared cart after retrieved?: Enable this option if you want to delete the shared and saved cart after retrieved.

Share Cart Button Text: Change share cart button text.

Share Cart Title: Change share cart title message.

Save Cart Button Text: Change saves cart button text.

Email Cart Button Text: Change email cart button text.

Save Cart Input Placeholder: Change save cart input box placeholder.

Save Cart Message: Change save cart message.

Save Cart Not Logged in Message: Change saves cart message if user not logged in.

Empty Cart Message: Enter a message for empty cart message.

Empty Retrieved Message: Enter a message for successfully cart retrieved.

Cart Not Found Message: Enter a message for cart not found.

Label For Email To: Enter the label for an email to.

Label For Subject: Enter the label for email subject.

Label For Message: Enter the label for the email message.

Send Cart Button Text: Enter the label for share cart button under the email form.

Messenger APP ID: Enter your Facebook developer App ID.

Follow the following steps to create Facebook App ID.

1. Open developers.facebook.com website.
2. Click on Log In from the main menu. Fill in your Facebook login details and then click on the Log in button.
3. Now, click on the My Apps from the main menu.
4. Now, click on the Create App button.
5. Select Business as an app type and then clicks on the Next button.
6. Enter the Display name ( any name you want ), enter the App contact email, and then click on the Create app button.
7. Now, enter your Facebook password ( if prompt ) and then click on the Submit button.
8. Copy the App ID and paste it into the plugin’s Messenger APP ID option.

On mobile, Facebook Messenger share only works if the Facebook messenger is installed. 

Tab Name: You can change the tab name from here.

Slug: You can change the slug ( URL parameter ) from here. Default saved-cart

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

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

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

Empty Saved Cart Button: Enter the button label for no saved cart.

Empty Saved Cart Message: Enter a message for no saved cart.

Brand Logo: Upload your brand logo.

Brand Name: Enter your brand name.

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

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

Button Background Color: Change the email button background color.

Button Text Color: Change the email button background color.

Body Color: Change the email body background color.

Button Text: You can change the button text here.

Email Description: Add the email description here.

Follow Us:

• Facebook: Leave blank for disable.
• Instagram: Leave blank for disable.
• Twitter: Leave blank for disable.
• WhatsApp: Leave blank for disable. Enter mobile phone number with the international country code, without + character. Example: 911234567890 for (+91) 1234567890

Email From Name: Enter the email come from name.

Email From: Enter an email of your store.

Brand Logo: Here you can upload the logo of your brand.

Header Background Color: Changes the print cart header background colour.

Button Background Color: Changes the print cart button background colour.

Button Text Color: Changes the print cart button text colour.

Button Text: You can change the button text here.

Print Cart File Name: You can change the print cart file name (while saving the print cart in PDF format).

Retrieve Cart Button: You can easily hide or show the retrieve cart button on the print cart.

Retrieve Cart Link: You can easily hide or show the retrieve cart link on the print cart.

Website Style: Default, we designed the print cart as per the standard of the print paper, where we have selected a basic style. You can inherit your theme style in the print cart by disabling this option. 

Displaying Share Cart Button: Copy and paste the following shortcode directly into the page, post, or widget where you would like the share cart button to show up.

[wcss-share-cart-btn]

Parameters:

• text Change the button text.
• bgColor Change the button background colour.
• textColor Change the button text colour.

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

Displaying Save Cart Button: Copy and paste the following shortcode directly into the page, post, or widget where you would like the share cart button to show up.

[wcss-save-cart-btn]

Parameters:

• text Change the button text.
• bgColor Change the button background color.
• textColor Change the button text color.

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

Displaying Email Cart Button: Copy and paste the following shortcode directly into the page, post, or widget where you would like the share cart button to show up.

[wcss-email-cart-btn]

Parameters:

• text Change the button text.
• bgColor Change the button background colour.
• textColor Change the button text colour.

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

Here you can find some most asked technical questions and their solutions.

Step 1: Log in to your WordPress admin panel.

Step 2: Click on the Woo Cart Share from the admin menu.

Step 3: Now, click on the Popup Text Settings tab.

Step 4: Scroll down the page till Save Cart Not Logged in Message option.

Step 5: Click on the Login Now link and a small popup window will appear.

Step 6: Click on the Pencil Button and add your login page link.

Step 7: Click on the Save Changes button.

Step 1: Log in to the WordPress admin dashboard.

Step 2: Mouse over on Woo Cart Share and click on the Saved Cart menu.

Step 3: Now, click on the Delete all saved & shared carts button to delete all the saved and shared carts

Note: Be careful, there is no way to get back the saved and shared carts after delete.

Follow the following steps to fix the saved carts page not found issue.

1. Log in to your WordPress admin account.
2. Click on the Settings > Permalinks from the admin menu.
3. Don’t change any settings only click on the Save Changes button.

Experiencing an empty cart after retrieving a shared or saved cart often occurs due to changes in the permalink structure.

To fix the issue of getting an empty cart after retrieving a shared or saved cart due to permalink structure changes, follow these steps:

1. Login to your WordPress dashboard.
2. Go to Settings > Permalinks from the admin menu.
3. Don’t change any settings.
4. Click on the Save Changes button.

By default, WooCommerce Cart Share and Save enqueues its JavaScript and CSS files on all frontend pages. This is intentional, as users may place the save/share cart shortcodes anywhere across the site — for example, on the homepage, product pages, or custom landing pages — to allow customers to copy, share, or print their carts.

However, if you’re only using the save/share functionality on the Cart and My Account pages, you may want to remove these scripts and styles from all other pages.

/**
 * 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 the child theme’s functions.php file:

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