generated: '2026-08-13'
method: searched
source: https://accounts.myclickfunnels.com/.well-known/sdk/create-external-page/skill.md
docs:
- https://accounts.myclickfunnels.com/.well-known/sdk/create-external-page/skill.md
- https://accounts.myclickfunnels.com/.well-known/sdk/add-checkout/skill.md
- https://accounts.myclickfunnels.com/.well-known/sdk/migrate-external-page-domain/skill.md
note: 'ClickFunnels ships a browser SDK that turns a page you host yourself into a ClickFunnels funnel step:
it tracks visits, captures opt-ins, carries contact identity across steps, and mounts real gateway payment
UI. The markup contract is attribute-driven (data-cf-element) rather than a custom-element library.'
families:
- family: ClickFunnels SDK loader
type: script
loader: https://sdk.myclickfunnels.com/sdk.js
embed:
pairing: A cf-page-token meta tag binds the page to a registered external page.
note: sdk.js is a small loader that injects the real bundle from the same host; the distribution is unpinned.
- family: Form / identity elements
type: attribute-marked HTML
attribute: data-cf-element
elements:
- email
- first-name
- last-name
- custom-attribute:
- family: Checkout elements
type: attribute-marked HTML
attribute: data-cf-element
elements:
- payment-method
- pay
- shipping
- billing
- oto-accept
- oto-decline
note: Order bumps and one-click one-time offers are configured on the funnel step, not in markup.
- family: Checkout JavaScript API
type: js-api
namespace: CfSdk
members:
- CfSdk.products()
- CfSdk.checkout.currentState
- CfSdk.checkout.updateState
- CfSdk.checkout.setQuantity
- CfSdk.checkout.setShipping
- CfSdk.checkout.onStateChange
- CfSdk.checkout.onPending
- CfSdk.checkout.onError
- CfSdk.checkout.onOtoOutcome
- family: Checkout theming
type: css-custom-properties
prefix: --cfsdk-checkout-*
note: Design tokens for styling the hosted payment fields.
csp:
script-src: sdk.myclickfunnels.com
note: The SDK skill documents the CSP directives an embedding page needs.