{"id":7278,"date":"2022-07-01T17:20:01","date_gmt":"2022-07-01T17:20:01","guid":{"rendered":"https:\/\/www.cldy.com\/support\/?post_type=docs&#038;p=7278"},"modified":"2022-07-03T13:39:07","modified_gmt":"2022-07-03T13:39:07","password":"","slug":"how-to-update-button-text-and-url-in-wordpress-admin-divi-builder","status":"publish","type":"docs","link":"https:\/\/www.cldy.com\/support\/help\/how-to-update-button-text-and-url-in-wordpress-admin-divi-builder\/","title":{"rendered":"How to Update Button Text and URL?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">It\u2019s fun knowing that Divi builder has a button module which allows you to add button elements to your page. You\u2019ll love exploring customization options for your buttons on the builder! Here are a few easy steps on how to get started on that.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">1. Login to WordPress.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">2. On your dashboard, find <\/span><b>Pages<\/b><span style=\"font-weight: 400;\">, then click on <\/span><b>All Pages<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7176\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-update-title-pages-all.png\" alt=\"pages-all\" width=\"330\" height=\"73\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-update-title-pages-all.png 330w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-update-title-pages-all-300x66.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">3. For this tutorial, let\u2019s go with the Homepage. Hover your mouse over the <\/span><b>Home<\/b><span style=\"font-weight: 400;\"> section and click on <\/span><b>Edit With Divi<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7265\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-home.png\" alt=\"edit-with-divi\" width=\"330\" height=\"61\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-home.png 330w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-home-300x55.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">4. You will be directed to the Divi Builder, where you will see an actual look of your page. Scroll to the button text that you want to edit. Hover over the button text and click on the <\/span><i><span style=\"font-weight: 400;\">gear icon<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-7281\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-hover-gear-1024x572.png\" alt=\"button-settings\" width=\"800\" height=\"447\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-hover-gear-1024x572.png 1024w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-hover-gear-300x168.png 300w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-hover-gear-768x429.png 768w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-hover-gear.png 1329w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">5. This window will appear where you can modify the text and the URL. Let\u2019s edit the text first.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7279\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-text.png\" alt=\"edit-button-text\" width=\"399\" height=\"515\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-text.png 399w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-text-232x300.png 232w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">6. Then click on the dropdown for <\/span><b>Link<\/b><span style=\"font-weight: 400;\"> where you can edit the URL. Enter your preferred URL on the <\/span><b>Button Link URL <\/b><span style=\"font-weight: 400;\">field. This is where the user will be directed to once they click on the button. You can also change the <\/span><b>Button Link Target<\/b><span style=\"font-weight: 400;\">, if you want the link to open in the same window or in a new tab.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7282\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-link.png\" alt=\"edit-button-url\" width=\"398\" height=\"515\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-link.png 398w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-link-232x300.png 232w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">7. Click on the <\/span><i><span style=\"font-weight: 400;\">check<\/span><\/i><span style=\"font-weight: 400;\"> button to save your changes.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7283\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-save.png\" alt=\"save-button-settings\" width=\"400\" height=\"516\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-save.png 400w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-settings-save-233x300.png 233w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">8. Towards the top of the page, click on <\/span><b>Exit Visual Builder<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7179\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-exit-builder.png\" alt=\"exit-divi-builder\" width=\"664\" height=\"88\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-exit-builder.png 664w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-exit-builder-300x40.png 300w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">9. Click on <\/span><b>Save &amp; Exit<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7180\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-contact-form-exit-builder-save.png\" alt=\"save-exit\" width=\"399\" height=\"277\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-contact-form-exit-builder-save.png 399w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-contact-form-exit-builder-save-300x208.png 300w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Button modules are just one of the action elements that allow your visitors to take a positive step on your content. There are a bunch of customization options offered by this module like adding a gradient background or adding an icon to the button. We encourage you to have fun with it and play around with the customizations. Otherwise, you can always go back to this tutorial to review these easy steps. Enjoy!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s fun knowing that Divi builder has a button module which allows you to add button elements to your page. You\u2019ll love exploring customization options for your buttons on the builder! Here are a few easy steps on how to get started on that.\u00a0 &nbsp; &nbsp; 1. Login to WordPress. &nbsp; 2. On your dashboard, [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[54],"doc_tag":[],"class_list":["post-7278","docs","type-docs","status-publish","hentry","doc_category-15-min-website"],"year_month":"2026-06","word_count":311,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"syd123","author_nicename":"syd123","author_url":"https:\/\/www.cldy.com\/support\/author\/syd123\/"},"doc_category_info":[{"term_name":"15 Min Website","term_url":"https:\/\/www.cldy.com\/support\/help-category\/15-min-website\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/7278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/comments?post=7278"}],"version-history":[{"count":3,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/7278\/revisions"}],"predecessor-version":[{"id":7471,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/7278\/revisions\/7471"}],"wp:attachment":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/media?parent=7278"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/doc_category?post=7278"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/doc_tag?post=7278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}