{"id":6,"date":"2023-01-20T06:11:22","date_gmt":"2023-01-20T06:11:22","guid":{"rendered":"https:\/\/themify.org\/addon-button\/?page_id=6"},"modified":"2023-10-17T22:39:49","modified_gmt":"2023-10-17T22:39:49","slug":"demo","status":"publish","type":"page","link":"https:\/\/themify.org\/addon-button\/","title":{"rendered":"Home"},"content":{"rendered":"\n
\n
\n
\n
\n \n
\n
\n

Button Pro<\/h1>

The button addon\u00a0allows you to\u00a0open a new link in a separate tab (Left button), in a lightbox where you’ll see a preview of a website (Center button), or show a text modal where you can show a custom message on a separate box (Right button).<\/h4>

Try clicking the buttons below and see it in action!<\/h4> <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n \n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tNormal Link<\/span>\n <\/a>\n\n\t\n\t<\/div>\n\n <\/div>\n
\n \n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tNew Window<\/span>\n <\/a>\n\n\t\n\t<\/div>\n\n <\/div>\n
\n \n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tLightbox<\/span>\n <\/a>\n\n\t\n\t<\/div>\n\n <\/div>\n
\n \n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tModal Content<\/span>\n <\/a>\n\n\t\t\t
\n\t\t

You can insert any content here in the modal box<\/h1>\n

Text, images, videos, headings..<\/h2>\n

<\/p>\t\t<\/div>\n\t\n\t<\/div>\n\n <\/div>\n <\/div>\n <\/div>\n

\n
\n
\n \n
\n
\n

Toggle Button<\/h2>

Show More with our Toggle Button<\/h4> <\/div>\n<\/div>\n\n
\n
\n <\/div>\n <\/div>\n\n \n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tShow More...<\/span>\n <\/a>\n\n\t\n\t<\/div>\n\n\n
\n
\n

All modules below here will only show by clicking on the toggle button<\/h2> <\/div>\n<\/div>\n\n
\n
\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n \n
\n
\n

Scroll to the Next Row<\/span><\/h2>\n

Create a button that allows the to automatically scroll to the next row\u00a0with a simple click of a button.<\/h4>\n <\/div>\n<\/div>\n\n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tGo to Next Row<\/span>\n <\/a>\n\n\t\n\t<\/div>\n\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n \n
\n
\n

Back to Top<\/h2>

Button can scroll to any Builder row.<\/h4>

For example: insert “top” as row anchor name in the first row and enter #top in the button link below.


<\/h4> <\/div>\n<\/div>\n\n
\n\t\n \n\t\t<\/use><\/svg><\/span> \t\tBack up<\/span>\n <\/a>\n\n\t\n\t<\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

Button Pro The button addon\u00a0allows you to\u00a0open a new link in a separate tab (Left button), in a lightbox where you’ll see a preview of a website (Center button), or show a text modal where you can show a custom message on a separate box (Right button). Try clicking the buttons below and see it […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"builder_content":"

Button Pro<\/h1>

The button addon\u00a0allows you to\u00a0open a new link in a separate tab (Left button), in a lightbox where you'll see a preview of a website (Center button), or show a text modal where you can show a custom message on a separate box (Right button).<\/h4>

Try clicking the buttons below and see it in action!<\/h4>\n <\/use><\/svg> Normal Link <\/a>\n <\/use><\/svg> New Window <\/a>\n <\/use><\/svg> Lightbox <\/a>\n <\/use><\/svg> Modal Content <\/a>\n

You can insert any content here in the modal box<\/h1>

Text, images, videos, headings..<\/h2>

<\/p>\n

Toggle Button<\/h2>

Show More with our Toggle Button<\/h4>\n <\/use><\/svg> Show More... <\/a>\n

All modules below here will only show by clicking on the toggle button<\/h2>\n

Scroll to the Next Row<\/h2>

Create a button that allows the to automatically scroll to the next row\u00a0with a simple click of a button.<\/h4>\n <\/use><\/svg> Go to Next Row <\/a>\n

Back to Top<\/h2>

Button can scroll to any Builder row.<\/h4>

For example: insert \"top\" as row anchor name in the first row and enter #top in the button link below.


<\/h4>\n <\/use><\/svg> Back up <\/a>","_links":{"self":[{"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":7,"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/pages\/6\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/themify.org\/addon-button\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}