{"id":1336,"date":"2022-10-05T15:33:40","date_gmt":"2022-10-05T20:33:40","guid":{"rendered":"http:\/\/racmanuel.dev\/?p=1336"},"modified":"2022-10-12T22:47:27","modified_gmt":"2022-10-13T03:47:27","slug":"como-generar-enlaces-cortos-a-los-productos-de-woocommerce-usando-jetpack-y-wp-me","status":"publish","type":"post","link":"https:\/\/racmanuel.dev\/en\/como-generar-enlaces-cortos-a-los-productos-de-woocommerce-usando-jetpack-y-wp-me\/","title":{"rendered":"How to generate short links to WooCommerce products using Jetpack and WP.me"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Often we have products for which <a href=\"https:\/\/woocommerce.com\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a> the URL or permanent link generated by <a href=\"https:\/\/woocommerce.com\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a> is very long because it generates it with the product name. Well, to solve this, a very useful free tool when using <a href=\"https:\/\/es-mx.wordpress.org\/\" data-type=\"URL\" data-id=\"https:\/\/es-mx.wordpress.org\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress<\/a> y <a href=\"https:\/\/woocommerce.com\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a> is <a href=\"https:\/\/es.jetpack.com\/\" data-type=\"URL\" data-id=\"https:\/\/es.jetpack.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Jetpack<\/a> is a set of security, performance, and growth tools designed by WordPress experts from the company <a href=\"https:\/\/automattic.com\/\" data-type=\"URL\" data-id=\"https:\/\/automattic.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Automattic<\/a> for WordPress sites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But before starting the tutorial, let's begin with the basics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"que-es-un-enlace-permanente\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">What is a Permanent Link?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Permalink<\/em>&nbsp;is the abbreviation for \u00abpermanent link.\u00bb These are permanent URL structures used to help organize your website's content (pages, posts, products, etc.) so that users and bots can navigate, share, and reference it quickly and orderly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The permalink settings for WooCommerce can be found in&nbsp;<strong>WordPress &gt; Settings &gt; Permalinks<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"179\" height=\"308\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image.png\" alt=\"\" class=\"wp-image-1337\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image.png 179w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-174x300.png 174w\" sizes=\"(max-width: 179px) 100vw, 179px\" \/><figcaption class=\"wp-element-caption\">The WordPress Administration Menu where permalink configuration is located.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From here, you can configure the URL structure for your store and product pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"antes-de-iniciar\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Before starting<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You should consider that you should already have installed:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/woocommerce.com\/es-es\/marketplace-sale\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/es-es\/marketplace-sale\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"como-instalar-jetpack\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">How to install Jetpack?<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, we must access our WordPress panel at https:\/\/www.mysite.com\/wp-admin\/. We must enter our username and password. Then, after accessing the WordPress panel, we must navigate to the administration panel menus, <strong>Plugins &gt; Add New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"620\" height=\"349\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-2.png\" alt=\"\" class=\"wp-image-1339\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-2.png 620w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-2-600x338.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-2-300x169.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, we need to click on the search bar that appears in the upper right corner. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"540\" height=\"342\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-3.png\" alt=\"\" class=\"wp-image-1340\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-3.png 540w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-3-300x190.png 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the search bar, we will type the term \u201cJetpack.\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"378\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-4.png\" alt=\"\" class=\"wp-image-1343\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-4.png 683w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-4-600x332.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-4-300x166.png 300w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, we must click on the \"Install Now\" option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"375\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-5.png\" alt=\"\" class=\"wp-image-1344\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-5.png 684w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-5-600x329.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-5-300x164.png 300w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click on \u201cActivate\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"380\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-6.png\" alt=\"\" class=\"wp-image-1346\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-6.png 685w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-6-600x333.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-6-300x166.png 300w\" sizes=\"(max-width: 685px) 100vw, 685px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, we must click on \u201cSettings.\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"686\" height=\"368\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-7.png\" alt=\"\" class=\"wp-image-1347\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-7.png 686w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-7-600x322.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-7-300x161.png 300w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We will click on the \u201cTraffic\u201d tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"681\" height=\"381\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-8.png\" alt=\"\" class=\"wp-image-1348\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-8.png 681w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-8-600x336.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-8-300x168.png 300w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We scroll down to the WP.me Short Links option and enable it.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"finding-the-shortlink-for-a-post-or-page\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Finding the short link for a post or page<\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">To find the short link for a post\/page, on the editing screen, click the green Jetpack icon in the upper right corner to open the Jetpack sidebar:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"409\" height=\"123\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-9.png\" alt=\"\" class=\"wp-image-1349\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-9.png 409w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-9-300x90.png 300w\" sizes=\"(max-width: 409px) 100vw, 409px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, you will see the shortlink URL in the Shortlink section, where you can copy it to your clipboard:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Note: If you are using the Classic Editor, you will see a \u2018Get Shortlink\u2019 button next to the permalink, just below the post title. Clicking that button will display the short link in a pop-up window:<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"93\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-10.png\" alt=\"\" class=\"wp-image-1350\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-10.png 509w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-10-300x55.png 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-habilitar-los-enlaces-cortos-para-los-productos-de-woocommerce\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">How to enable short links for WooCommerce products?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To do this, add the following code to your child theme or a plugin like <a href=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" data-type=\"URL\" data-id=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" rel=\"nofollow noopener\" target=\"_blank\">Code Snippets<\/a>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;?php\nadd_action('init', 'add_products_shortlinks');\nfunction add_products_shortlinks() {\n    add_post_type_support( 'product', 'shortlinks' );\n}\n?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Once the code is installed in our child theme or in a plugin like <a href=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" data-type=\"URL\" data-id=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Code Snippets<\/span><\/a>. We can navigate to the products and obtain the short link by clicking the \u201cGet Shortlink\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"198\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-11.png\" alt=\"\" class=\"wp-image-1353\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-11.png 384w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-11-300x155.png 300w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Conclusion<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It is common to find some negative reviews about Jetpack, but I believe most are unfounded and are rumors. Jetpack does not have a negative impact on site performance, and it also has many functionalities, such as the one mentioned in this tutorial, which we as WordPress developers can fully leverage using its paid and free versions.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aun-con-dudas\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Still have doubts?<\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Do you need help with a web project? Don&#039;t hesitate to contact me. I develop complete and customized solutions with WordPress and PHP, using modern tools and processes, HTML, CSS, SCSS, PHP, JavaScript, Bootstrap, and more. Ready? Send me a message and let&#039;s talk about your web project!<\/p>\n\n\n\n<div class=\"wp-block-jetpack-contact-form\">\n\n\n\n\n\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Often, we have WooCommerce products where the URL or permalink generated by WooCommerce is very long, as it is generated using the product name. To solve this, a very useful free tool when using WordPress and WooCommerce is Jetpack. Jetpack is a set of security, performance, and growth tools designed by WordPress experts from the company Automattic for WordPress sites.<\/p>","protected":false},"author":1,"featured_media":1359,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[11],"tags":[],"niveles":[],"class_list":["post-1336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/comments?post=1336"}],"version-history":[{"count":9,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1336\/revisions"}],"predecessor-version":[{"id":1404,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1336\/revisions\/1404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media\/1359"}],"wp:attachment":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media?parent=1336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/categories?post=1336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/tags?post=1336"},{"taxonomy":"niveles","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/niveles?post=1336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}