Add 123 Form Builder Forms to Any 3dCart

Improve Ecommerce with Simple Custom Forms

example of an online order form with background image of a woman writing in her notebook

About 123 Form Builder

123FormBuilder (former 123ContactForm) is an intuitive form building platform that helps
users create efficient workflows, collect data and achieve success. 123FormBuilder exists to
empower customers to collect, manage and communicate their data and is all about creating
efficiency, enabling growth and achieving results by being customer-centric, adaptable,
efficient and fun. More than 1.9 million users rely on 123FormBuilder to maintain millions of forms.

About 3dCart

Founded in 1997, 3dcart is a complete and robust eCommerce platform designed to help online
store owners thrive in a competitive market. With hundreds of features built directly into
its software, business owners can effectively open, operate and maintain a successful online
store with relative ease and efficiency. Today, 3dCart is an Inc. 5000 company, a Visa PCI
Certified provider and a pioneer in mobile commerce and digital marketing.

How to publish an embedded form on 3dCart

Add an HTML section to your 3dCart page

  • Log into your 3dCart store, go to the Content tab and choose where you want to publish
    the form.
    Tip: You can add forms to 3dCart blogs, pages, headers, sidebars, and footers.
  • Open your Content editor for the page, blog, sidebar, or footer and switch to HTML mode.
    Create a Custom Code box.

Paste in the form code from 123 Form Builder

  • Log into your 123FormBuilder account (if you’re not already) to copy your form
    code.
  • Once you’re logged in, just go to the Publish section of your form, select the Embed
    code tab, choose the Javascript embed option and click Copy code.
  • Then, just paste the Embed code from your 123FormBuilder account into the Custom Code
    box you created, and you’ve got an awesome form on your 3dCart page!
    That’s it! Now you can view and submit the 3dCart form:

How to publish a lightbox form triggered by a text, image or floating button

Add an HTML section to your 3dCart page

  • Log into your 3dCart store, go to the Content tab and choose where you want to publish
    the form.
    Tip: You can add forms to 3dCart blogs, pages, headers, sidebars, and footers.
  • Open your Content editor for the page, blog, sidebar, or footer and switch to HTML mode.

Paste in the lightbox form code from 123FormBuilder

  • Log into your 123FormBuilder account (if you’re not already) to copy your form code.
  • Once you’re logged in, just go to the Publish section of your form, select the Embed
    code tab and choose Lightbox – Text link, Lightbox – Image link or Lightbox – floating
    button. Click Customize to change the text or image you want to use, then click Copy
    code.
  • After that, just paste the Embed code from your 123FormBuilder account into the Custom
    code box you already created on your 3dCart page, and you’ve got an awesome lightbox
    form!