Web Page Personalization Features

Overview

The general settings section allows you to modify basic aspects of your web page elements, such as adjusting titles and controlling spacing.

Detailed Breakdown

• Element Title/Name: You can keep the default names for your elements or rename them for easier identification, especially useful when managing multiple components on the page.

• Spacing Settings: Use margin and padding adjustments to create an ideal layout. These settings allow you to control the spacing around your content to improve the overall user experience.
  Padding: Modify the padding on all sides of the content within an element.
  Margin: Adjust the top and bottom margins to control spacing around the element.

Calendar Setup

Overview: The calendar feature allows you to manage your web page’s event listings to ensure that users always see up-to-date information.

Detailed Breakdown

• Calendar Menu: Use this to update or replace the existing calendar display on your site, ensuring the latest schedule is always visible.

• Updating Calendar Events: When you make changes to events, remember to re-add the calendar element so that your page reflects the updates.

Button and Link Customization

Overview: Tailor the behavior of buttons and links to support your overall marketing goals.

Detailed Breakdown

• Redirect Option: Decide whether clicking a button triggers a popup or redirects users to a new page.

• Open In New Tab: Enable this to have links open in separate tabs, keeping your main page open in the background.

Advanced Settings for Additional Control

Overview: Advanced options allow for further customization of your elements, including device visibility and the use of custom CSS classes.

Detailed Breakdown

• Visibility Settings: Choose whether elements are visible on desktop, mobile, or both to tailor the viewing experience for different devices.

• Custom Class and CSS Selector: Assign a custom class name to an element to apply specific styles. You can also easily copy CSS Selector codes for consistent styling across your page.

Troubleshooting and FAQs

Common Issues:

• If updates to the calendar are not reflected, ensure that you have re-added the calendar element after changes.

• When custom styles aren’t applied correctly, verify that the custom class names are correctly linked to your stylesheet.

Frequently Asked Questions

• Q: How do I ensure my calendar shows the most recent events?
  A: Always re-add the calendar to your page after making updates.

• Q: Can I optimize my page for mobile devices?
  A: Yes, by using the Visibility setting in Advanced Options, you can control which elements are visible on mobile or desktop.