{"id":897,"date":"2012-08-16T12:10:43","date_gmt":"2012-08-16T12:10:43","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=897"},"modified":"2023-11-21T14:13:51","modified_gmt":"2023-11-21T14:13:51","slug":"lightbox","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/","title":{"rendered":"123FormBuilder Lightbox"},"content":{"rendered":"\n

You may link to a lightbox form through text links, image links, or floating buttons. When published in lightboxes, forms will appear to be floating above the page and will definitely become the center of attention.<\/p>\n\n\n\n

<\/p>\n\n\n\n

You have multiple options of embedding your form as a lightbox. Go to Publish<\/strong> and Embed form<\/strong>. There you can find Auto pop-up, Floating button & Text\/Image lightbox<\/strong>. <\/p>\n\n\n\n

\"Lightbox<\/a><\/figure>\n\n\n\n

Here are some details about each option:<\/p>\n\n\n\n

Auto pop-up<\/strong> – this allows your form to automatically appear on the top of the content of your webpage, without your respondents having to click on something (image\/button\/link). You can also set the number of seconds after which the form should pop-up. <\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Auto<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Floating button<\/strong> – you can use this option if you want to have your form under a button aligned to a side of a screen. You can customize the button text and the button color. Additionally, the text colour can be changed and the screen alignment – either left or right. <\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Floating<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Text\/Image lightbox<\/strong> – by using this option, you can display your form using different elements on the page like text or image. You can toggle between text and image and all you have to do is to provide the text or the image URL and copy the code. <\/p>\n\n\n\n

\"Text\/image<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"

You may link to a lightbox form through text links, image links, or floating buttons. When published in lightboxes, forms will appear to be floating above the page and will definitely become the center of attention. You have multiple options of embedding your form as a lightbox. Go to Publish and Embed form. There you […]<\/p>\n","protected":false},"author":13,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[58,733,732,340,731],"class_list":["post-897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-aa_publish","tag-auto-popup","tag-image-link","tag-lightbox","tag-text-link"],"yoast_head":"\nLightbox - Adding web form to popup | 123FormBuilder Help<\/title>\n<meta name=\"description\" content=\"Read this knowledge base article on how to publish your web form in a lightbox popup window on your web page with 123FormBuilder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.123formbuilder.com\/docs\/lightbox\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"123FormBuilder Lightbox\" \/>\n<meta property=\"og:description\" content=\"Read this knowledge base article on how to publish your web form in a lightbox popup window on your web page with 123FormBuilder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/lightbox\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-16T12:10:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T14:13:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1-1024x387.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Lightbox - Adding web form to popup | 123FormBuilder Help","description":"Read this knowledge base article on how to publish your web form in a lightbox popup window on your web page with 123FormBuilder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/","og_locale":"en_US","og_type":"article","og_title":"123FormBuilder Lightbox","og_description":"Read this knowledge base article on how to publish your web form in a lightbox popup window on your web page with 123FormBuilder.","og_url":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2012-08-16T12:10:43+00:00","article_modified_time":"2023-11-21T14:13:51+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1-1024x387.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/"},"author":{"name":"admin","@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea"},"headline":"123FormBuilder Lightbox","datePublished":"2012-08-16T12:10:43+00:00","dateModified":"2023-11-21T14:13:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/"},"wordCount":218,"commentCount":0,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1-1024x387.png","keywords":["aa_publish","auto popup","image link","lightbox","text link"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/lightbox\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/","url":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/","name":"Lightbox - Adding web form to popup | 123FormBuilder Help","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1-1024x387.png","datePublished":"2012-08-16T12:10:43+00:00","dateModified":"2023-11-21T14:13:51+00:00","author":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea"},"description":"Read this knowledge base article on how to publish your web form in a lightbox popup window on your web page with 123FormBuilder.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/lightbox\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1-1024x387.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1-1024x387.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/lightbox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"123FormBuilder Lightbox"}]},{"@type":"WebSite","@id":"https:\/\/www.123formbuilder.com\/docs\/#website","url":"https:\/\/www.123formbuilder.com\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.123formbuilder.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","caption":"admin"},"url":"https:\/\/www.123formbuilder.com\/docs\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=897"}],"version-history":[{"count":42,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/897\/revisions"}],"predecessor-version":[{"id":47565,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/897\/revisions\/47565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/media?parent=897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}