Using the Site Designer

  • 1
  • 2
  • 3
  • 4
  • 5
Cvent's Site Designer allows you to customize your website and registration that's capable of displaying on a responsive page.
 

Adding a Header
 
1 Access the site designer. Begin by selecting your Project Flex event. To go to registration, hover over Website & Registration and, under Registration, click Registration Process. For the website, hover over Website & Registration and, under Website, click Event Website.

Click Open Site Designer.
 
NOTE: Need to edit both the website and registration? Once you access the Site Designer, you can easily switch pages by selecting a page name from the Registration Page dropdown in the top left of the designer.

2 Add a header. In the top left, click on Personal Information to open the Registration Page dropdown. Scroll down to the Header and Footer section and click Default Header and Footer.

On the canvas, click the section header you want to add an image to. To the right of the canvas, hover over Background Image, and click Replace. Open a folder from the Media Library, then select an image. Ensure Scale to Fit and Horizontally are selected to keep the image's proportions.
 
NOTE: Avoid using background images with static text directly on them. Instead, select a design-only image and use widgets to add your text on top.
User-added image
 
Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

3 Determine which pages the default header applies to. Click the Registration Page dropdown in the top-left. Scroll down to Default Header and Footer, and click on User-added image to open the settings.

Here, you can rename the title of the page and determine if you want to apply the default header to newly created pages.

By default, the header will apply to all website, registration, and My Registration pages. If you do not want the header to apply to a specific page, uncheck the box to the left of its name.

 
User-added image

Then click Apply.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 

Customize the Website's Theme
 
1 Access the global theme section of the site designer. Instead of individually editing each widget to create a cohesive website, customizing the global theme section of the site designer will allow the changes to be applied across your whole website.

Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
Click Theme in the editor to the right of the canvas.
 
2 Select a theme. Click Change Theme to determine the basic design of your survey.

 
NOTE: The available themes' colors and fonts can be customized, but they currently align with WCAG for 508 compliance.
3 Customize the colors, if necessary. To customize the theme colors, click Theme Colors to the right of the canvas. The first three make up your background colors, while the last two are your text. Notice that the first three contrast with the last two. This has to do with being 508 compliant and aligning with WCAG. If changing the colors to match some of your branding, it's best to pick similar colors, keeping the background light and the text dark, or vise versa.

To change the color, click the textbox and enter a HEX value, or select a color from the color picker.

4 Set the dimensions. Click Dimensions.

The website layout width stretches your sections to fit the length of the screen. We recommend that you check Fit to Entire Screen.

The website content width determines the width of your widgets within the sections. It is recommended that you do not check Fit Content to Full Width, as this can stretch your widgets out. Instead, we suggest setting the "Max." to 1024 to ensure your images fill the screen without stretching it.


5 Customize the text styling options. Click one of the components from the Text Styling section. Here you can choose how the text, background image, background, border, and spacing display.
 
User-added image

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 
 

Adding and Customizing Widgets
 
1 Access the site designer. Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
2 Add widgets. Select which page of the website or registration you would like to add a widget to by clicking Personal Information in the top left to open the Registration Page dropdown. Then, click on the page you want to add the widget to.

Click Build in the editor to the right of the canvas. Drag and drop the widget onto the canvas.
 
User-added image

Use the section to the right of the canvas to make any updates to the widget.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

 

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Cvent's Site Designer allows you to customize your website and registration that's capable of displaying on a responsive page.
 

Adding a Header
 
1 Access the site designer. Begin by selecting your Project Flex event. To go to registration, hover over Website & Registration and, under Registration, click Registration Process. For the website, hover over Website & Registration and, under Website, click Event Website.

Click Open Site Designer.
 
NOTE: Need to edit both the website and registration? Once you access the Site Designer, you can easily switch pages by selecting a page name from the Registration Page dropdown in the top left of the designer.

2 Add a header. In the top left, click on Personal Information to open the Registration Page dropdown. Scroll down to the Header and Footer section and click Default Header and Footer.

On the canvas, click the section header you want to add an image to. To the right of the canvas, hover over Background Image, and click Replace. Open a folder from the Media Library, then select an image. Ensure Scale to Fit and Horizontally are selected to keep the image's proportions.
 
NOTE: Avoid using background images with static text directly on them. Instead, select a design-only image and use widgets to add your text on top.
User-added image
 
Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

3 Determine which pages the default header applies to. Click the Registration Page dropdown in the top-left. Scroll down to Default Header and Footer, and click on User-added image to open the settings.

Here, you can rename the title of the page and determine if you want to apply the default header to newly created pages.

By default, the header will apply to all website, registration, and My Registration pages. If you do not want the header to apply to a specific page, uncheck the box to the left of its name.

 
User-added image

Then click Apply.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 

Customize the Website's Theme
 
1 Access the global theme section of the site designer. Instead of individually editing each widget to create a cohesive website, customizing the global theme section of the site designer will allow the changes to be applied across your whole website.

Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
Click Theme in the editor to the right of the canvas.
 
2 Select a theme. Click Change Theme to determine the basic design of your survey.

 
NOTE: The available themes' colors and fonts can be customized, but they currently align with WCAG for 508 compliance.
3 Customize the colors, if necessary. To customize the theme colors, click Theme Colors to the right of the canvas. The first three make up your background colors, while the last two are your text. Notice that the first three contrast with the last two. This has to do with being 508 compliant and aligning with WCAG. If changing the colors to match some of your branding, it's best to pick similar colors, keeping the background light and the text dark, or vise versa.

To change the color, click the textbox and enter a HEX value, or select a color from the color picker.

4 Set the dimensions. Click Dimensions.

The website layout width stretches your sections to fit the length of the screen. We recommend that you check Fit to Entire Screen.

The website content width determines the width of your widgets within the sections. It is recommended that you do not check Fit Content to Full Width, as this can stretch your widgets out. Instead, we suggest setting the "Max." to 1024 to ensure your images fill the screen without stretching it.


5 Customize the text styling options. Click one of the components from the Text Styling section. Here you can choose how the text, background image, background, border, and spacing display.
 
User-added image

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 
 

Adding and Customizing Widgets
 
1 Access the site designer. Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
2 Add widgets. Select which page of the website or registration you would like to add a widget to by clicking Personal Information in the top left to open the Registration Page dropdown. Then, click on the page you want to add the widget to.

Click Build in the editor to the right of the canvas. Drag and drop the widget onto the canvas.
 
User-added image

Use the section to the right of the canvas to make any updates to the widget.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

 

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Cvent's Site Designer allows you to customize your website and registration that's capable of displaying on a responsive page.
 

Adding a Header
 
1 Access the site designer. Begin by selecting your Project Flex event. To go to registration, hover over Website & Registration and, under Registration, click Registration Process. For the website, hover over Website & Registration and, under Website, click Event Website.

Click Open Site Designer.
 
NOTE: Need to edit both the website and registration? Once you access the Site Designer, you can easily switch pages by selecting a page name from the Registration Page dropdown in the top left of the designer.

2 Add a header. In the top left, click on Personal Information to open the Registration Page dropdown. Scroll down to the Header and Footer section and click Default Header and Footer.

On the canvas, click the section header you want to add an image to. To the right of the canvas, hover over Background Image, and click Replace. Open a folder from the Media Library, then select an image. Ensure Scale to Fit and Horizontally are selected to keep the image's proportions.
 
NOTE: Avoid using background images with static text directly on them. Instead, select a design-only image and use widgets to add your text on top.
User-added image
 
Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

3 Determine which pages the default header applies to. Click the Registration Page dropdown in the top-left. Scroll down to Default Header and Footer, and click on User-added image to open the settings.

Here, you can rename the title of the page and determine if you want to apply the default header to newly created pages.

By default, the header will apply to all website, registration, and My Registration pages. If you do not want the header to apply to a specific page, uncheck the box to the left of its name.

 
User-added image

Then click Apply.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 

Customize the Website's Theme
 
1 Access the global theme section of the site designer. Instead of individually editing each widget to create a cohesive website, customizing the global theme section of the site designer will allow the changes to be applied across your whole website.

Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
Click Theme in the editor to the right of the canvas.
 
2 Select a theme. Click Change Theme to determine the basic design of your survey.

 
NOTE: The available themes' colors and fonts can be customized, but they currently align with WCAG for 508 compliance.
3 Customize the colors, if necessary. To customize the theme colors, click Theme Colors to the right of the canvas. The first three make up your background colors, while the last two are your text. Notice that the first three contrast with the last two. This has to do with being 508 compliant and aligning with WCAG. If changing the colors to match some of your branding, it's best to pick similar colors, keeping the background light and the text dark, or vise versa.

To change the color, click the textbox and enter a HEX value, or select a color from the color picker.

4 Set the dimensions. Click Dimensions.

The website layout width stretches your sections to fit the length of the screen. We recommend that you check Fit to Entire Screen.

The website content width determines the width of your widgets within the sections. It is recommended that you do not check Fit Content to Full Width, as this can stretch your widgets out. Instead, we suggest setting the "Max." to 1024 to ensure your images fill the screen without stretching it.


5 Customize the text styling options. Click one of the components from the Text Styling section. Here you can choose how the text, background image, background, border, and spacing display.
 
User-added image

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 
 

Adding and Customizing Widgets
 
1 Access the site designer. Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
2 Add widgets. Select which page of the website or registration you would like to add a widget to by clicking Personal Information in the top left to open the Registration Page dropdown. Then, click on the page you want to add the widget to.

Click Build in the editor to the right of the canvas. Drag and drop the widget onto the canvas.
 
User-added image

Use the section to the right of the canvas to make any updates to the widget.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

 

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Cvent's Site Designer allows you to customize your website and registration that's capable of displaying on a responsive page.
 

Adding a Header
 
1 Access the site designer. Begin by selecting your Project Flex event. To go to registration, hover over Website & Registration and, under Registration, click Registration Process. For the website, hover over Website & Registration and, under Website, click Event Website.

Click Open Site Designer.
 
NOTE: Need to edit both the website and registration? Once you access the Site Designer, you can easily switch pages by selecting a page name from the Registration Page dropdown in the top left of the designer.

2 Add a header. In the top left, click on Personal Information to open the Registration Page dropdown. Scroll down to the Header and Footer section and click Default Header and Footer.

On the canvas, click the section header you want to add an image to. To the right of the canvas, hover over Background Image, and click Replace. Open a folder from the Media Library, then select an image. Ensure Scale to Fit and Horizontally are selected to keep the image's proportions.
 
NOTE: Avoid using background images with static text directly on them. Instead, select a design-only image and use widgets to add your text on top.
User-added image
 
Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

3 Determine which pages the default header applies to. Click the Registration Page dropdown in the top-left. Scroll down to Default Header and Footer, and click on User-added image to open the settings.

Here, you can rename the title of the page and determine if you want to apply the default header to newly created pages.

By default, the header will apply to all website, registration, and My Registration pages. If you do not want the header to apply to a specific page, uncheck the box to the left of its name.

 
User-added image

Then click Apply.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 

Customize the Website's Theme
 
1 Access the global theme section of the site designer. Instead of individually editing each widget to create a cohesive website, customizing the global theme section of the site designer will allow the changes to be applied across your whole website.

Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
Click Theme in the editor to the right of the canvas.
 
2 Select a theme. Click Change Theme to determine the basic design of your survey.

 
NOTE: The available themes' colors and fonts can be customized, but they currently align with WCAG for 508 compliance.
3 Customize the colors, if necessary. To customize the theme colors, click Theme Colors to the right of the canvas. The first three make up your background colors, while the last two are your text. Notice that the first three contrast with the last two. This has to do with being 508 compliant and aligning with WCAG. If changing the colors to match some of your branding, it's best to pick similar colors, keeping the background light and the text dark, or vise versa.

To change the color, click the textbox and enter a HEX value, or select a color from the color picker.

4 Set the dimensions. Click Dimensions.

The website layout width stretches your sections to fit the length of the screen. We recommend that you check Fit to Entire Screen.

The website content width determines the width of your widgets within the sections. It is recommended that you do not check Fit Content to Full Width, as this can stretch your widgets out. Instead, we suggest setting the "Max." to 1024 to ensure your images fill the screen without stretching it.


5 Customize the text styling options. Click one of the components from the Text Styling section. Here you can choose how the text, background image, background, border, and spacing display.
 
User-added image

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 
 

Adding and Customizing Widgets
 
1 Access the site designer. Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
2 Add widgets. Select which page of the website or registration you would like to add a widget to by clicking Personal Information in the top left to open the Registration Page dropdown. Then, click on the page you want to add the widget to.

Click Build in the editor to the right of the canvas. Drag and drop the widget onto the canvas.
 
User-added image

Use the section to the right of the canvas to make any updates to the widget.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

 

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Cvent's Site Designer allows you to customize your website and registration that's capable of displaying on a responsive page.
 

Adding a Header
 
1 Access the site designer. Begin by selecting your Project Flex event. To go to registration, hover over Website & Registration and, under Registration, click Registration Process. For the website, hover over Website & Registration and, under Website, click Event Website.

Click Open Site Designer.
 
NOTE: Need to edit both the website and registration? Once you access the Site Designer, you can easily switch pages by selecting a page name from the Registration Page dropdown in the top left of the designer.

2 Add a header. In the top left, click on Personal Information to open the Registration Page dropdown. Scroll down to the Header and Footer section and click Default Header and Footer.

On the canvas, click the section header you want to add an image to. To the right of the canvas, hover over Background Image, and click Replace. Open a folder from the Media Library, then select an image. Ensure Scale to Fit and Horizontally are selected to keep the image's proportions.
 
NOTE: Avoid using background images with static text directly on them. Instead, select a design-only image and use widgets to add your text on top.
User-added image
 
Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

3 Determine which pages the default header applies to. Click the Registration Page dropdown in the top-left. Scroll down to Default Header and Footer, and click on User-added image to open the settings.

Here, you can rename the title of the page and determine if you want to apply the default header to newly created pages.

By default, the header will apply to all website, registration, and My Registration pages. If you do not want the header to apply to a specific page, uncheck the box to the left of its name.

 
User-added image

Then click Apply.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 

Customize the Website's Theme
 
1 Access the global theme section of the site designer. Instead of individually editing each widget to create a cohesive website, customizing the global theme section of the site designer will allow the changes to be applied across your whole website.

Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
Click Theme in the editor to the right of the canvas.
 
2 Select a theme. Click Change Theme to determine the basic design of your survey.

 
NOTE: The available themes' colors and fonts can be customized, but they currently align with WCAG for 508 compliance.
3 Customize the colors, if necessary. To customize the theme colors, click Theme Colors to the right of the canvas. The first three make up your background colors, while the last two are your text. Notice that the first three contrast with the last two. This has to do with being 508 compliant and aligning with WCAG. If changing the colors to match some of your branding, it's best to pick similar colors, keeping the background light and the text dark, or vise versa.

To change the color, click the textbox and enter a HEX value, or select a color from the color picker.

4 Set the dimensions. Click Dimensions.

The website layout width stretches your sections to fit the length of the screen. We recommend that you check Fit to Entire Screen.

The website content width determines the width of your widgets within the sections. It is recommended that you do not check Fit Content to Full Width, as this can stretch your widgets out. Instead, we suggest setting the "Max." to 1024 to ensure your images fill the screen without stretching it.


5 Customize the text styling options. Click one of the components from the Text Styling section. Here you can choose how the text, background image, background, border, and spacing display.
 
User-added image

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 
 

Adding and Customizing Widgets
 
1 Access the site designer. Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
2 Add widgets. Select which page of the website or registration you would like to add a widget to by clicking Personal Information in the top left to open the Registration Page dropdown. Then, click on the page you want to add the widget to.

Click Build in the editor to the right of the canvas. Drag and drop the widget onto the canvas.
 
User-added image

Use the section to the right of the canvas to make any updates to the widget.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

 

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Cvent's Site Designer allows you to customize your website and registration that's capable of displaying on a responsive page.
 

Adding a Header
 
1 Access the site designer. Begin by selecting your Project Flex event. To go to registration, hover over Website & Registration and, under Registration, click Registration Process. For the website, hover over Website & Registration and, under Website, click Event Website.

Click Open Site Designer.
 
NOTE: Need to edit both the website and registration? Once you access the Site Designer, you can easily switch pages by selecting a page name from the Registration Page dropdown in the top left of the designer.

2 Add a header. In the top left, click on Personal Information to open the Registration Page dropdown. Scroll down to the Header and Footer section and click Default Header and Footer.

On the canvas, click the section header you want to add an image to. To the right of the canvas, hover over Background Image, and click Replace. Open a folder from the Media Library, then select an image. Ensure Scale to Fit and Horizontally are selected to keep the image's proportions.
 
NOTE: Avoid using background images with static text directly on them. Instead, select a design-only image and use widgets to add your text on top.
User-added image
 
Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

3 Determine which pages the default header applies to. Click the Registration Page dropdown in the top-left. Scroll down to Default Header and Footer, and click on User-added image to open the settings.

Here, you can rename the title of the page and determine if you want to apply the default header to newly created pages.

By default, the header will apply to all website, registration, and My Registration pages. If you do not want the header to apply to a specific page, uncheck the box to the left of its name.

 
User-added image

Then click Apply.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 

Customize the Website's Theme
 
1 Access the global theme section of the site designer. Instead of individually editing each widget to create a cohesive website, customizing the global theme section of the site designer will allow the changes to be applied across your whole website.

Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
Click Theme in the editor to the right of the canvas.
 
2 Select a theme. Click Change Theme to determine the basic design of your survey.

 
NOTE: The available themes' colors and fonts can be customized, but they currently align with WCAG for 508 compliance.
3 Customize the colors, if necessary. To customize the theme colors, click Theme Colors to the right of the canvas. The first three make up your background colors, while the last two are your text. Notice that the first three contrast with the last two. This has to do with being 508 compliant and aligning with WCAG. If changing the colors to match some of your branding, it's best to pick similar colors, keeping the background light and the text dark, or vise versa.

To change the color, click the textbox and enter a HEX value, or select a color from the color picker.

4 Set the dimensions. Click Dimensions.

The website layout width stretches your sections to fit the length of the screen. We recommend that you check Fit to Entire Screen.

The website content width determines the width of your widgets within the sections. It is recommended that you do not check Fit Content to Full Width, as this can stretch your widgets out. Instead, we suggest setting the "Max." to 1024 to ensure your images fill the screen without stretching it.


5 Customize the text styling options. Click one of the components from the Text Styling section. Here you can choose how the text, background image, background, border, and spacing display.
 
User-added image

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.
 
 

Adding and Customizing Widgets
 
1 Access the site designer. Begin by selecting your Project Flex event. Hover over Website & Registration and, under Registration, click Registration Process. Click Open Site Designer.
 
2 Add widgets. Select which page of the website or registration you would like to add a widget to by clicking Personal Information in the top left to open the Registration Page dropdown. Then, click on the page you want to add the widget to.

Click Build in the editor to the right of the canvas. Drag and drop the widget onto the canvas.
 
User-added image

Use the section to the right of the canvas to make any updates to the widget.

Once you're done, click Save to save the draft, or click Publish to make it visible to invitees.

 

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?

What can we do to make it better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.