{"id":418,"date":"2026-09-07T05:03:10","date_gmt":"2026-09-07T05:03:10","guid":{"rendered":"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/"},"modified":"2026-10-26T11:02:19","modified_gmt":"2026-10-26T11:02:19","slug":"optionfroge-documentation","status":"publish","type":"docs","link":"https:\/\/shapekode.com\/product\/shapeoptions\/docs\/optionfroge-documentation\/","title":{"rendered":"ShapeOption Documentation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\" style=\"font-size:19px\">Everything you need to add custom product options to WooCommerce \u2014 from your very first priced field to conditional logic, shipping rules and page builders. Every guide is written step by step, so you always know where to click next.<\/p>\n\n\n\n<div style=\"margin:28px 0;padding:18px 22px;border-radius:12px;background:#ecfdf3;border-left:5px solid #16a34a\"><p style=\"margin:0 0 6px;font-weight:700;color:#16a34a;font-size:13px;letter-spacing:.06em;text-transform:uppercase\">Start here<\/p><div style=\"margin:0;color:#374151;font-size:16px;line-height:1.65\">New to ShapeOption? Start with <a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/getting-started\/\">Getting started<\/a> \u2014 your first option group can be live on a product page in about five minutes.<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Get started<\/h2>\n\n\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:20px 0 30px\"><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/introduction\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Introduction<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">What ShapeOption does, how it works and the words used in these guides.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/getting-started\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Getting started<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Install the plugin and publish your first option group, step by step.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/building-option-groups\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">The option group builder<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">A tour of the edit screen: fields, cards, choices and saving.<\/span><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Build your options<\/h2>\n\n\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:20px 0 30px\"><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/field-types\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Field types<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">All 27 field types \u2014 what each one is for and which plan has it.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/field-settings\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Field settings<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">The General, Styles, Shipping and Conditional Logic tabs explained.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/pricing-rules\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Pricing<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Flat fees, per-choice prices, percentages, tiers, lookup tables and formulas.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/conditional-logic\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Conditional logic<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Show or hide fields and whole sections with AND\/OR rule groups.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/advanced-field-options\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Repeatable fields, limits &#038; uploads<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Repeat per quantity, checkbox selection limits and file uploads.<\/span><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Show and sell<\/h2>\n\n\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:20px 0 30px\"><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/targeting-visibility\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Where groups appear<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Products, categories, tags, roles, date windows and exclusions.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/shipping-rules\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Shipping by option<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Weights, shipping classes and allowed methods per option.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/shortcodes-page-builders\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Placement, shortcodes &#038; page builders<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Before\/after Add to Cart, shortcode, block, Elementor, Divi, Bricks and the wizard.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/cart-checkout-orders\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Cart, checkout &#038; orders<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">What shoppers see after Add to Cart, editing options and ordering again.<\/span><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Manage and extend<\/h2>\n\n\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:20px 0 30px\"><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/tools\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Dashboard, templates &#038; tools<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Dashboard, templates, import\/export, analytics and S3 uploads.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/optionforge-pro\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Free vs Pro<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">A side-by-side list of what each plan includes.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/hooks-filters\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">Hooks &#038; filters<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">For developers: extend ShapeOption with your own code.<\/span><\/a><a href=\"https:\/\/shapekode.com\/product\/optionfroge\/docs\/optionfroge-documentation\/faq-troubleshooting\/\" style=\"display:block;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)\"><span style=\"display:block;font-weight:700;color:#111827;font-size:16.5px;margin-bottom:6px\">FAQ &#038; troubleshooting<\/span><span style=\"display:block;color:#6b7280;font-size:14.5px;line-height:1.55\">Quick answers and fixes for the most common questions.<\/span><\/a><\/div>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"nav_title":"","positive":"","negative":"","footnotes":""},"docs_category":[],"class_list":["post-418","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/docs\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/comments?post=418"}],"version-history":[{"count":2,"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/docs\/418\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/docs\/418\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/media?parent=418"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeoptions\/wp-json\/wp\/v2\/docs_category?post=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}