You can choose to add products that might be affiliate links or products via a site like Amazon. This is another way of monetizing your site. By default, when someone clicks on a product that is created using this product data, it opens in the same window. But what if you want all WooCommerce external links to automatically open in a new window? I love using Microsoft Edge, the new version is awesome. WooCommerce: Open External Product Link In New Tab Today I start a personal WooCommerce customization marathon as I try to relaunch my personal project A Piece of Sicily (a Sicilian products marketplace, WPML […] You must be a registered user to add a comment. After you follow these steps and clear your website cache at your hosting company etc., you should see your specific links opening in new tabs/windows. 3. Features: Add custom tab according to custom post type A common problem faced by WooCommerce users is that the link associated with the Add to Cart or Buy Product or Buy Now button of such a product opens in the same browser tab or window. Method 3: Set all the Links … Comment. Example: https://www.google.com Open in New Tab: Enabling this option will open the link in a new tab when you click on it. Note: You will need to hit the Save Changes button if you want all the changes to be saved. Go to Google Home Page. Currently, it the link is opened in same window and I lost the search result page. There are no settings for the plugin and you simply need to install and activate for your WooCommerce external product links to then open in a new tab. To open a link in a new tab, we'll need to look at some of the other attributes of the anchor element's other attributes. This is the default behavior in every browser. Add a URL and then click the downward arrow on the right side. Here is my current code for opening products in a new tab; remove_action( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 ); add_action ( 'woocommerce_before_shop_loop_item', 'chr_function_open_new_tab', 10 ); function chr_function_open_new_tab() { echo ' Appearance > Plugins > Add New. However, I'm not able to find option in settings. Then click the Link button on the toolbar. After and installing the WooCommerce External Product New Tab plugin all external product links on your WooCommerce site will then automatically open in a new tab. First of all, log into your WordPress admin panel and navigate to Posts tab there. Download the plugin from it's GitHub Repository Download WooCommerce External Product New Tab. The best way to offer important, last-minute information while preserving the checkout flow is by adding links to content that opens in a new browser tab. This includes external products on product categories, single product pages and also those added via the WooCommerce short-codes etc. This is a problem because it makes the user leave the site altogether, leading to not just bad business but also bad page ranking. You can test the “link opening in a new tab for WooCommerce external products” functionality at https://www.apieceofsicily. By default, there are no options in WooCommerce to open affiliate or external product links in another tab. Open in New Tab: Enabling this option will open the link in a new tab when you click on it. This is one of the most frequently asked for features with those using WooCommerce for affiliate stores. We only recommend products we work with or love. Well, there is a free plugin for that called WooCommerce Improved External Products. Click on "Settings" which you can find at the end of the page. If you want your menu item link to open in a new window, you can do this with the built in WordPress menu item options. added a filter to the WordPress theme functions.php file as the following: add_filter ( 'woocommerce_product_add_to_cart_url', 'woocommerce_externalProducts_openInNewTab' ); function woocommerce_externalProducts_openInNewTab ($product_url) { global $product; if ( $product->is_type ('external') ) { $product_url = $product->get_product_url () . Release the left mouse button when the text ends. This plugin sets all external / affiliate product buy now links on a WooCommerce site to open in a new web browser tab. Method 1: Adjust the Setting of a Specific Link on a Page or Post. A better solution is to have the link open in a new tab. Click on the link icon on the post editor toolbar. Open the post that you need to add a link to: Highlight the text that you want to link. Expand the options for a menu item (click the small down arrow to the right of the menu item). The links to the single product page in WooCommerce Product Table are designed to open in the same tab. Note: legacy REST API was found at WooCommerce > Settings > API prior to WooCommerce 3.4. 3. Example: https://www.google.com. This is a problem because it makes the user leave the site altogether, leading to not just bad business but also bad page ranking. It means that you must open that link in a new tab. Once you enable the new tab option, update your post to save the change and your link will now open in a new tab. This way the original web page is not lost and users can resume browsing your website by switching back. Click on "Search Settings". Numerous users are complaining that when they are launching a New Tab, a link is clicked every time their MS Edge browser issues. Click on the Screen Options link in the top right corner of the menu admin screen. 1. GitHub Gist: instantly share code, notes, and snippets. Disable the WooCommerce terms and conditions link toggle and force it to open in a new tab February 16, 2018 June 24, 2018 rynald0s Code The following function will disable the WooCommerce terms and conditions link toggle feature and force the terms page to open in a new tab. WordPress. This helps us support the blog and produce free content. In this case, you usually do either of the following: Table of Contents hide. Another benefit of opening external links in a new window is increased page views and user engagement on your site. A similar process can be used for menu items. You’ll see the field where you can insert the link. For better user experience, we recommend opening external links in a new window or tab. You can also add the title for the link and check if you want the link to open in a new tab (window). get_the_permalink() . '" Step 3: Enable the ‘Open link in a new tab’ option for a menu item. View More Comments. If you would like to customize your site’s product details page with an easy and fastest way, then WPB WooCommerce Custom Tab Manager is for you. This simple and free plugin allows you to add lots of custom product tab including lots of features with its user-friendly interface. Gold Product Expert. This never used to happen - you used to click on a link and you went straight to that page. Method 2: Set a Specific Link in a Menu to be opened in new tab. I want to open search results link to new tab as soon as I click on any link. Enjoy! Legacy REST API is deprecated and should be removed from WooCommerce soon, as alternative there’s a new REST API that is an integration the WordPress REST API, this the WooCommerce current REST API and it’s also enabled by default. Make a new search on Google and you will see each link you click will open in a new tab. Tagged: child theme, external links, woocommerce Viewing 3 posts - 1 through 3 (of 3 total) Author Posts February 6, 2015 at 7:12 am #391850 jenniferParticipant Hello, Hoping you can help :-) I’m trying to figure out how to get the links in the Product List to open in a separate tab… This means if you go on to purchase a product using such a link, we receive a small commission (at no additional cost to you). The area expands when clicking the terms and conditions link. When I am in a web page and click on a link, I stay on the tab I was originally in, but a separate new tab opens up with the link. Only if I click on a button it opens in a new tab. Insert the desired link into the empty field. Home › Forums › Basel – Premium Template › Affiliate links open to a new tab (external products – woocommerce) You must be logged in to create new topics. If you've already registered, sign in. Installation. WooCommerce External Product New Tab. Your link will now open in the new tab. Highlight the words that you want and click on the “Link” button. QuentinB Feb 09, 2017. Stay tuned for part 4 of the WooCommerce coding series! This time, we’ll talk about External Products, and specifically at how to Open the external add to cart URL in a new tab, so that users stay on your WooCommerce website even after visiting the affiliate link. Save the settings. Enable “Link Target” Under “Show Advanced menu properties”, make sure “Link Target” is checked. 2. Links that take a shopper off the final page can potentially completely ruin a sale if they’re distracting enough. Check the "Link Target" option : this will reveal the "Open link in a new tab" option. That’s it! The page I need help with: [log in to see the link] This is why several users want to prevent… Otherwise, register and sign in. 1. This article provides two suggestions for anyone who would like links to open in a new tab. WooCommerce Terms & Conditions open in new tab. Enter the URL of the website you want the link to open and click on the “Link Settings” button. And if you need even more control, they have a premium version with the option to not only open external products in new tabs, but also for those product archives, as well as setting it based on a category. Description. Go to Appearance > Menus and click the Screen Options Tab 2. Did this answer your question? These are good ways to ensure that shoppers are not taken away from the product table when they click on a link. Windows devices, especially Windows 10 systems, often have issues that people report in online forums. These problems differ from errors, application malfunctions, or failure. Enable this and click the ‘Save Menu’ button. Now, check Open link in a new tab and click Update, and you’re ready to go.