Sitecore 9 The Brand New Forms
•
1 gostou•711 visualizações
Introducing the brand new Sitecore forms that provides an intuitive User Experience that enables the business users and marketers to create powerful forms that cover their business needs. All fully aligned with the Sitecore architecture bringing you all benefits of the core Sitecore plarform.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais de Pieter Brinkman
Mais de Pieter Brinkman (7)
Último
Último (20)
Sitecore 9 The Brand New Forms
- 1. #SitecoreSYM#SitecoreSYM The brand new Sitecore forms Pieter Brinkman – Sr. DirectorTechnical Marketing Hylke Heidstra – Sr. Product Manager Forms © 2001-2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 1
- 2. #SitecoreSYM Intuitive User Experience Developer friendlyFlexible and customizable Sitecore Forms © 2001-2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners.
- 3. #SitecoreSYM Forms – render process Controller Rendering Get Model Pipeline Render Form View RenderFields (Model) Render Fields Pipeline Get Model Pipeline Render Field Pipeline Form View Result Field View Results RenderFields Model Item Children Can be customized BeginRederRouteForm Render Form Pipeline HTML Helper (Razor View) Form initiation Fields iteration Form Render Request
- 4. #SitecoreSYM 4 Customization options Custom CSS and JS Adopt JS frameworks and CSS to style form components Custom razor view(s) Customize the “look and feel” of the form RazorView Customizationpath Model + property editor Create additional fields 03Model + property 02 CSS + JS 01
- 5. #SitecoreSYM Create custom submit action © 2001-2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. Walkthrough Step by step walkthrough will be available up on release. Configure the UI for the submit action Create Speak editor Implement a class inheriting SubmitActionBase Create Code Create a new submit action item Create Item Use the submit actions in your forms Add to form
- 6. #SitecoreSYM Real time design/preview WYSIWYG, see the actual end result using website styling and ability to switch styling/theme’s Integration in between apps See the actual end result using website styling and ability to switch More advanced reporting/metrics Understand what forms are underperforming and why Intuitive User Experience Developer friendly Flexible and customizable Sitecore Forms;What’s next © 2001-2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. Conditions Build forms with elements (fields, pages) that respond to previous filled out data Rendering improvements Continue to improve the performance and flexibility of our rendering. Walkthroughs and samples Provide more samples and walkthroughs that help you get started quicker.
- 7. #SitecoreSYM How to get started © 2001-2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. Educate Read the documentation, follow the walkthroughs and download the example components Customize Use what you’ve learned and create your first forms extension Explore Get familiar with Forms in SC9 and create your first; Hello form Install Share Download Help others and Sitecore by sharing your knowledge and feedback Forms is part of the Sitecore Experience Cloud
- 8. #SitecoreSYM FOR DISCUSSION PURPOSESONLY. Sitecore Confidential and Proprietary. © 2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. © 2001-2017 Sitecore Corporation A/S. All rights reserved. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand and product names are the property of their respective owners. 8
Notas do Editor
- Forms are a crucial part of every website. starting point of interaction. your customers create business value, generate leads and drive conversions It’s not a module anymore it’s part of the core
- The new Sitecore Forms is: new Intuitive User Experience, supported by a full New modern UI/UX. (drag and drop) It’s Flexible and Customizable; to Empowering the business user to create the forms they need. (multi section and multipage forms) And last but not least it’s very developer Friendly, it’s fully aligned with the Sitecore architecture bringing you all benefits of the core Sitecore plarform.
- This diagram that shows the rendering process….. As you can see we have implemented pipelines most of are familiar with I assume. The green boxes show the places where you can customize.
- This slide shows the customization path if you like for building custom form elements. You can start with custom styling and scripting. If you need more, you can customize your view files.
- Another thing you can customise is the submit actions. This slide shows the different steps of that process. Submit actions can be added to any button on the form. And they are executed in the order of the list. First thing to do is create an new submit action item. This item holds all settings needed like what property editor to use, what error message, etc. Then you need to implement a class that inherits from SubmitActionBase. If you want to set parameters, you need some UI on top of it so you need to create a SPEAK editor. Our walkthrough shows all the different steps and we currently have 2 walkthroughs available. One also describes building a SPEAK editor.
- We have define following path to get you up to speed in Forms Download: dev.Sitecore.net Install: Install SC 9, Forms is part of the core platform Explore: Get to know the new Forms, play with it and create your first Hello Form Educate; Walkthrough: Custom form component, Custom submit action and validation. Example components: captcha, credit card. Package with example forms. Customize: Use what you’re learned. Use a Example component to build your own components, build custom submit action, use your favoire JS framework for custimazations. Share: Share what you’ve learned, write blogposts, host webinars, present on User Groups help others on StackExchange and Community.sc.net. Provide Sitecore with feedback on User Voice We challenge you to install Sitecore 9, extend and customize Forms and share the results and what you’ve learned with the community and Sitecore.