--- title: "Dreamforce 2026 - Book a session" source: https://storeconnect.com/c/df-26 type: page format: markdown site: StoreConnect — Customer Commerce built natively on Salesforce site_index: https://storeconnect.com/llms.txt docs_index: https://support.storeconnect.com/llms.txt note: Append .md to any page or article URL on this site to get its Markdown form. --- # Dreamforce 2026 - Book a session # Join us at Dreamforce in San Francisco, September 15-17, 2026 Reserve a focused 20-minute session to see how StoreConnect unifies payments, storefronts, subscriptions, inventory and service natively inside Salesforce.
When 15–17 September 2026 Where Campground booth 317 Trailblazer Forest booth 10 Length 20 minutes Cost Free

Pick a time

open / taken

Loading available times…

var root = document.querySelector(‘[data-df26]’) if (!root) return var railsEl = root.querySelector(‘[data-df26-rails]’) var daysEl = root.querySelector(‘[data-df26-days]’) var registerEl = root.querySelector(‘[data-df26-register]’) var chosenEl = root.querySelector(‘[data-df26-chosen]’) var errorsEl = root.querySelector(‘[data-df26-errors]’) var formEl = root.querySelector(‘[data-df26-form]’) var submitEl = root.querySelector(‘[data-df26-submit]’) var stepsEl = root.querySelector(‘[data-df26-steps]’) var CHECKOUT = root.dataset.checkoutUrl |   | ‘/checkout’ | function csrf() { var tag = document.querySelector(‘meta[name=”csrf-token”]’) return tag ? tag.content : ‘’ } function setField(name, value) { var el = formEl.querySelector(‘[data-df26-field=”’ + name + ‘”]’) if (el) el.value = value } // —————————————————————— board function availabilityEndpoint() { // The real route is /async/availabilities; current_store.booking_availabilities_path // supplies it, and this fallback only matters if that ever renders blank. var base = root.dataset.availabilityUrl || ‘/async/availabilities’ return base + ‘?product_id=’ + encodeURIComponent(root.dataset.productId) + ‘&start_date=’ + encodeURIComponent(root.dataset.rangeStart) + ‘&end_date=’ + encodeURIComponent(root.dataset.rangeEnd) } function loadBoard() { fetch(availabilityEndpoint(), { headers: { Accept: ‘text/html’ } }) .then(function (res) { if (!res.ok) throw new Error(res.statusText) return res.text() }) .then(function (html) { railsEl.innerHTML = html railsEl.setAttribute(‘aria-busy’, ‘false’) wireSlots() wireDays() revealStagger() }) .catch(function () { railsEl.setAttribute(‘aria-busy’, ‘false’) railsEl.innerHTML = ‘

We could not load the times just now. ‘ + ‘Try again

’ var retry = railsEl.querySelector(‘[data-df26-retry]’) if (retry) retry.addEventListener(‘click’, loadBoard) }) } function wireSlots() { railsEl.querySelectorAll(‘[data-df26-slot]’).forEach(function (input) { input.addEventListener(‘change’, function () { if (input.disabled) return setField(‘location’, input.dataset.location) setField(‘start’, input.dataset.start) setField(‘end’, input.dataset.end) chosenEl.textContent = input.dataset.label || ‘’ if (registerEl.hidden) { initAddress() scValidate.live(validationRules()) } registerEl.hidden = false registerEl.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }) var first = formEl.querySelector(‘#df26-name’) if (first) window.setTimeout(function () { first.focus({ preventScroll: true }) }, 400) }) }) } function wireDays() { var rails = Array.prototype.slice.call(railsEl.querySelectorAll(‘[data-df26-rail]’)) if (!rails.length || !daysEl) return // Tabs only carry meaning at the width where rails collapse to one column. var narrow = window.matchMedia('(max-width: 60rem)') var buttons = Array.prototype.slice.call(daysEl.querySelectorAll('[data-df26-day]')) function show(date) { rails.forEach(function (rail) { rail.hidden = rail.dataset.date !== date }) buttons.forEach(function (b) { b.setAttribute('aria-selected', String(b.dataset.df26Day === date)) }) } function showAll() { rails.forEach(function (rail) { rail.hidden = false }) } function sync() { if (narrow.matches) { daysEl.hidden = false var active = buttons.filter(function (b) { return b.getAttribute('aria-selected') === 'true' })[0] show(active ? active.dataset.df26Day : rails[0].dataset.date) } else { daysEl.hidden = true showAll() } } buttons.forEach(function (b) { b.addEventListener('click', function () { show(b.dataset.df26Day) }) }) if (narrow.addEventListener) narrow.addEventListener('change', sync) else narrow.addListener(sync) sync() } function revealStagger() { if (window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches) return railsEl.querySelectorAll(‘.df26-rail’).forEach(function (rail, i) { rail.animate( [{ opacity: 0, transform: ‘translateY(0.75rem)’ }, { opacity: 1, transform: ‘none’ }], { duration: 420, delay: i * 90, easing: ‘cubic-bezier(.2,.7,.3,1)’, fill: ‘backwards’ } ) }) } // —————————————————————- address // Loaded lazily on first slot selection, not at page load: most visitors read // the board and leave, and Places is billed per session. var mapsPromise = null function loadMaps() { if (mapsPromise) return mapsPromise var key = root.dataset.mapsKey if (!key) return (mapsPromise = Promise.reject(new Error(‘no key’))) mapsPromise = new Promise(function (resolve, reject) { // Resolve from Google's own callback, not from the script's onload. // // loading=async defers API bootstrap past the load event, so at onload // window.google and google.maps both exist but google.maps.importLibrary // is still undefined - measured on the live store, it appears ~1s later. // Resolving on onload therefore ran the guard below too early every time, // threw, and dropped every visitor to manual entry. callback= is the // documented signal that the API is actually initialised. var name = 'df26MapsReady' var done = false var finish = function (fn, arg) { if (done) return done = true try { delete window[name] } catch (e) { window[name] = undefined } fn(arg) } window[name] = function () { finish(resolve) } var s = document.createElement('script') s.src = 'https://maps.googleapis.com/maps/api/js?libraries=places&loading=async' + '&callback=' + name + '&key=' + encodeURIComponent(key) s.async = true s.onerror = function () { finish(reject, new Error('maps failed')) } document.head.appendChild(s) // If the callback never fires - blocked key, offline, ad blocker eating the // request without an error event - fall through to manual entry rather than // leaving a search box that silently does nothing. window.setTimeout(function () { finish(reject, new Error('maps timeout')) }, 8000) }) return mapsPromise } function addressParts(place) { var out = { street: ‘’, city: ‘’, state: ‘’, postcode: ‘’, country: ‘’ } var number = ‘’, route = ‘’ ;(place.address_components || []).forEach(function (c) { var t = c.types if (t.indexOf(‘street_number’) > -1) number = c.long_name else if (t.indexOf(‘route’) > -1) route = c.long_name else if (t.indexOf(‘postal_town’) > -1 && !out.city) out.city = c.long_name else if (t.indexOf(‘locality’) > -1) out.city = c.long_name else if (t.indexOf(‘administrative_area_level_1’) > -1) out.state = c.short_name else if (t.indexOf(‘postal_code’) > -1) out.postcode = c.long_name else if (t.indexOf(‘country’) > -1) out.country = c.short_name }) // Fall back to the locality-level name when a place has no street component. out.street = [number, route].filter(Boolean).join(‘ ‘) || (place.name || ‘’) return out } function setAddress(parts) { var set = function (id, v) { var el = formEl.querySelector(‘#’ + id) if (el && v) el.value = v } set(‘df26-address’, parts.street) set(‘df26-city’, parts.city) set(‘df26-state’, parts.state) set(‘df26-postcode’, parts.postcode) var country = formEl.querySelector('#df26-country') if (country && parts.country) country.value = parts.country showAddressDetail() } function showAddressDetail() { var detail = root.querySelector(‘[data-df26-address-detail]’) if (detail) detail.hidden = false } function initAddress() { var search = root.querySelector(‘[data-df26-address-search]’) var manual = root.querySelector(‘[data-df26-address-manual]’) if (manual) manual.addEventListener(‘click’, showAddressDetail) if (!search) return // Enter in the search box means "pick a suggestion", never "submit the form". search.addEventListener('keydown', function (e) { if (e.key === 'Enter') e.preventDefault() }) loadMaps() .then(function () { // With loading=async the script's onload fires before the places namespace // exists, so checking google.maps.places here always failed and dropped // straight to manual entry. importLibrary is the supported wait. if (!(window.google && google.maps && google.maps.importLibrary)) { throw new Error('no maps') } return google.maps.importLibrary('places') }) .then(function () { if (!(google.maps.places && google.maps.places.Autocomplete)) { throw new Error('no places') } var ac = new google.maps.places.Autocomplete(search, { fields: ['address_components', 'name'], types: ['geocode', 'establishment'] }) ac.addListener('place_changed', function () { var place = ac.getPlace() if (place && place.address_components) setAddress(addressParts(place)) else showAddressDetail() }) }) .catch(function () { // No key, blocked, or the API rejected us: fall back to plain manual entry // rather than leaving someone with a search box that does nothing. search.hidden = true var help = root.querySelector('#df26-address-help') if (help) help.hidden = true var label = root.querySelector('label[for="df26-address-search"]') if (label) label.hidden = true showAddressDetail() }) } // ———————————————————— validation function field(id) { return formEl.querySelector(‘#’ + id) } // Phone stays optional; everything else is needed for checkout to accept the // order. Country is a , so presence is the only meaningful check. function validationRules() { return [ { el: field(‘df26-name’), type: ‘text’, required: true, min: 2, label: ‘full name’ }, { el: field(‘df26-email’), type: ‘email’, required: true, label: ‘email address’ }, { el: field(‘df26-phone’), type: ‘phone’, required: false, label: ‘phone number’ }, { el: field(‘df26-company’), type: ‘text’, required: true, label: ‘company name’ }, { el: field(‘df26-address’), type: ‘text’, required: true, label: ‘street address’ }, { el: field(‘df26-city’), type: ‘text’, required: true, label: ‘city’ }, { el: field(‘df26-state’), type: ‘text’, required: true, label: ‘state or province’ }, { el: field(‘df26-postcode’), type: ‘postcode’, required: true, label: ‘postcode’ }, { el: field(‘df26-country’), type: ‘text’, required: true, label: ‘country’ } ] } function validatedElements() { return validationRules().map(function (r) { return r.el }) } // ———————————————————— express run function showErrors(message, list) { errorsEl.hidden = false errorsEl.innerHTML = ‘’ + message + ‘’ + (list && list.length ? ‘’ : ‘’) errorsEl.scrollIntoView({ behavior: ‘smooth’, block: ‘center’ }) } function busy(state) { submitEl.disabled = state submitEl.classList.toggle(‘is-busy’, state) submitEl.querySelector(‘.df26-submit__label’).textContent = state ? ‘Confirming…’ : ‘Confirm my session’ } function post(form, mutate) { var data = new FormData(form) if (mutate) mutate(data) return fetch(form.action, { method: ‘POST’, headers: { ‘X-CSRF-Token’: csrf(), Accept: ‘application/json’ }, body: new URLSearchParams(data), credentials: ‘same-origin’ }).then(function (res) { return res.json().catch(function () { return {} }).then(function (body) { return { ok: res.ok, body: body } }) }) } // A redirect alone does NOT mean the step succeeded. Every checkout step // redirects on failure too - back to itself, carrying an alert - so treating // “has redirect” as success made a rejected address look like progress and the // chain then failed confusingly at the following step. The alert is the signal. function advanced(result) { if (!result.ok || !result.body || !result.body.redirect) return false return !result.body.alert } // Whatever the server actually complained about, so the visitor sees the real // reason rather than our guess at it. function reason(result, fallback) { return (result && result.body && (result.body.alert || result.body.notice)) || fallback } function stepForm(name) { return stepsEl.querySelector(‘[data-df26-step=”’ + name + ‘”]’) } // Which hidden form answers a given checkout URL. function stepFor(url) { if (!url) return null if (url.indexOf(‘customer_information’) > -1) return ‘customer’ if (url.indexOf(‘accept_terms’) > -1) return ‘terms’ if (url.indexOf(‘payment_information’) > -1) return ‘pay’ return null } /* Walk the checkout by following the server’s own redirects rather than assuming customer -> terms -> payment. Which steps exist is per-store configuration: this store sends customer_information straight to payment_information, so posting accept_terms in between simply failed. A store that turns terms back on, or enables shipping, then works unchanged. */ function follow(redirect, depth) { if (depth > 6) return bail(‘The booking took too many steps to finish.’) // Any order URL means the checkout completed. if (/\/(checkout\/order|order|orders)\b/.test(redirect)) { window.location.href = redirect return } var name = stepFor(redirect) // An unrecognised step (shipping, say) is one this page has no form for, so // hand the visitor over rather than guessing. if (!name) return bail('This booking needs a couple more details.') var form = stepForm(name) if (!form) return bail('This booking needs a couple more details.') return post(form).then(function (res) { if (!advanced(res)) return bail(reason(res, 'We could not finish the booking.')) return follow(res.body.redirect, depth + 1) }) } function fillCustomer() { var form = stepForm(‘customer’) if (!form) return null var read = function (id) { var el = formEl.querySelector('#' + id) return el ? el.value.trim() : '' } var name = read('df26-name') var values = { full_name: name, email: read('df26-email'), phone: read('df26-phone'), company: read('df26-company'), address: read('df26-address'), city: read('df26-city'), state: read('df26-state'), postcode: read('df26-postcode'), country: read('df26-country') } // Stores configured for separate name fields need the split done here. var cut = name.lastIndexOf(' ') values.first_name = cut > 0 ? name.slice(0, cut) : name values.last_name = cut > 0 ? name.slice(cut + 1) : '' form.querySelectorAll('[data-df26-map]').forEach(function (input) { input.value = values[input.dataset.df26Map] || '' }) return form } function bail(reason) { // The slot is already held in the cart, so handing over to the standard // checkout is always safe and never costs the visitor their time. busy(false) showErrors( reason, [‘Your time slot is held in your cart. Taking you to checkout to finish.’] ) window.setTimeout(function () { window.location.href = CHECKOUT }, 1800) } formEl.addEventListener(‘submit’, function (event) { event.preventDefault() errorsEl.hidden = true if (!formEl.querySelector('[data-df26-field="start"]').value) { showErrors('Choose a time first.', []) return } if (!formEl.reportValidity()) return // The address inputs cannot use `required` (they start hidden, and the browser // refuses to submit when a required control is not focusable), so they and the // format-sensitive fields go through the shared validator instead. var problems = scValidate.check(validationRules()) scValidate.clear(validatedElements()) if (problems.length) { showAddressDetail() scValidate.mark(problems) showErrors('Please check the highlighted fields.', problems.map(function (p) { return p.message })) problems[0].el.focus() return } busy(true) post(formEl) .then(function (added) { if (!advanced(added)) { busy(false) showErrors( 'That time could not be held.', [(added.body && added.body.alert) || 'It may have just been taken. Please pick another.'] ) loadBoard() throw new Error('add-to-cart') } var customer = fillCustomer() if (!customer) throw new Error('no-customer-step') return post(customer) }) .then(function (res) { // A rejected address is the visitor's to fix, so keep them here with the // server's own wording instead of bouncing them to checkout. if (!advanced(res)) { busy(false) showAddressDetail() showErrors( 'We could not save your details.', [reason(res, 'Please check your name, email and company address.')] ) throw new Error('customer') } return follow(res.body.redirect, 0) }) .catch(function (err) { // These two already reported themselves and left the visitor on the page. if (err && (err.message === 'add-to-cart' || err.message === 'customer')) return bail('Something went wrong confirming your session.') }) }) root.querySelectorAll(‘[data-df26-change]’).forEach(function (btn) { btn.addEventListener(‘click’, function () { registerEl.hidden = true railsEl.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }) }) }) loadBoard() })() --- ## Follow StoreConnect - [Email Newsletter](https://storeconnect.com/c/lp-newsletter) - [LinkedIn Newsletter](https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7444956928444862464) - [YouTube](https://www.youtube.com/channel/UCngKdP2x8l1wcbAKW3tvU8g) - [LinkedIn](https://www.linkedin.com/company/storeconnect) - [X / Twitter](https://x.com/storeconnecthq) ## Popular Links - [Partners](https://storeconnect.com/partners) - [Become a Partner](https://storeconnect.com/become-a-partner) - [News](https://storeconnect.com/articles/news) - [Events](https://storeconnect.com/articles/events) - [Live Events](https://storeconnect.com/live-events) - [Feature Comparison](https://storeconnect.com/how-we-compare) - [Download a free trial](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMkeKUAT) - [Book a Demo](https://storeconnect.com/contact) ## Documentation - [Help documentation](https://support.storeconnect.com/help-documentation) - [Videos & tutorials](https://support.storeconnect.com/videos-tutorials) - [Developer reference](https://support.storeconnect.com/developer-reference) - [Release notes](https://support.storeconnect.com/release-notes) - [Troubleshooting](https://support.storeconnect.com/troubleshooting) - [Trust Center](https://trust.getstoreconnect.com/) - [Status Page](https://status.storeconnect.com/) ## Contact - info@getstoreconnect.com - US +1 415 745 3230 - AUS +61 2 8365 2308 100 S Ashley Dr, Suite 600-2461 Tampa FL 33602-600 USA Level 22, Sydney Place 180 George Street Sydney, NSW, 2000, AUS ## Machine-readable - [Site index for agents](https://storeconnect.com/llms.txt): curated map of this site in llms.txt format - [Documentation index for agents](https://support.storeconnect.com/llms.txt): full technical and product documentation map Every page and article on this site has a Markdown rendering: append `.md` to its URL. Continue in Markdown: [Home](https://storeconnect.com/home.md) · [How we compare](https://storeconnect.com/how-we-compare.md) · [Partners](https://storeconnect.com/partners.md) · [Become a partner](https://storeconnect.com/become-a-partner.md) --- StoreConnect — https://storeconnect.com/c/df-26