How to use the Reference Module?

The Reference Module in the Webayt content management system is used to manage your references, completed projects, client work, or sample works on your website in a visual and descriptive manner. Through this module, reference records can be added, edited, grouped, and displayed in a specific order via the control panel.

In the Reference Module, you can define the title, subtitle, image, URL, group selection, and order information for each reference. This allows you to present your references visually and direct visitors to the relevant page or external link.

What is the purpose of the Reference Module?

The References Module is used to showcase projects, clients, or work examples that build trust on your website. Reference sections allow visitors to review previous work and get an idea of the quality of your services.

This module is particularly useful on corporate websites, agency sites, service profiles, client portfolios, or areas showcasing completed projects.

How can I access the Reference Module page?

To access the Reference Module, go to the Modules section in the left-hand menu of the Webayt admin panel and enter the Reference Module page.

 Modules → Reference Module

This page lists previously added reference records. You can add new references, edit existing ones, or delete them if necessary.

Reference Listing Screen

On the Reference Module main screen, added references are displayed in a table. This list includes the reference image, subtitle, URL information, group information, sequence value, and action buttons.

You can quickly check which references have been added to the system, which group they belong to, and in what order they will be displayed via the listing screen.

The following actions can generally be performed on the listing screen:

• Viewing existing references
• Go to the screen to add a new reference.
• Organizing references
• Deleting references
• Check the group, URL, and sequence information of the references.

How to Add a New Reference?

The Add Reference tab is used to add a new reference. On this screen, you can specify the title, subtitle, image, URL, group selection, and order information for the reference.

1. Log in to the Webayt admin panel.
2. Open the Modules section from the left-hand menu.
3. Go to the Reference Module page.
4. Click the Add Reference tab.
5. Enter the reference title in the title field.
6. Enter a brief description or additional information in the Subtitle field.
7. Upload or select a reference image.
8. If necessary, enter the redirect link in the URL field.
9. If necessary, select the relevant group from the Group Selection area.
10. Enter the display order of the reference in the order field.
11. Save the reference by clicking the Add button.

Once the reference is saved, it becomes available for use in the relevant module area.

How to Use the Title Field?

The title field is used to specify the main name of the reference. This field can be displayed on the front page along with the reference image.

The title can be the project name, client name, brand name, or a short phrase identifying the reference. A short and clear title helps the reference list appear more organized.

How to Use the Subheading Field?

The Subheading field is a brief descriptive area supporting the reference. This field may include the type of reference, service category, industry information, or a short description.

For example, a client reference could include the industry name, a project reference could include the project type, or a brief descriptive phrase could be used.

How to Add a Reference Image?

When creating a reference record, the image file for the reference is uploaded or selected using the Visual field.

This image can be a project screenshot, client logo, work image, or a suitable image representing a reference. It's important that the image is high-quality, clear, and compatible with the page design.

When uploading images, attention should be paid to file size and supported file types. Images that comply with the file rules specified in the panel should be used.

For detailed information on general image uploading procedures, you can review the "How to Upload Images in the Webayt Panel?" guide.

What is the purpose of the URL field?

The URL field is used to specify the link to which the visitor will be redirected when the reference is clicked.

For example, if there is a reference detail page, project page, client website, or other relevant link, it can be added to this field.

The URL field can be left blank if you do not want the reference to redirect to any link.

What is the purpose of group selection?

Group Selection allows a reference to be associated with a specific group. This field can be used to separate references according to different usage purposes or to show only references belonging to a specific group in module management.

For example, if you want to display different reference groups on different pages, you can associate the reference records with the appropriate groups. The same Reference Module as version 1.9 can be used multiple times on the same page, with different group selections each time. This allows you to create different reference collections on a single page.

For more detailed information about groups, you can review the How to Use Groups guide.

What is the purpose of the queue area?

The order field is used to specify the order in which the references are displayed.

When multiple references are added, the order value can affect their arrangement on the front end. References with lower order values may be displayed earlier depending on the theme structure.

You can strategically use ranking values to display the references you want to highlight higher in search results.

The "Order" field here determines the order of reference records relative to each other. The placement order of the Reference Module and other modules added to the page is changed using drag-and-drop on the Module Management page. These two orderings are independent of each other.

How to Update References?

To update an existing reference, you can click the Edit button next to the relevant record on the reference listing screen.

On the reference update screen, you can edit the title, subtitle, image, URL, group selection, and order fields. After making changes, click the Update button to update the record.

The reference update screen may also include a "Lists to Update" field. This field is used to specify which language lists to update in multilingual environments.

For more detailed information on this topic, you can review the guide "How to Use Update Lists?" .

Reference Deletion Process

If a reference is no longer needed, it can be deleted using the Delete button on the listing screen.

When a reference is deleted, the corresponding record is removed from the reference list. If there is a possibility that the reference may be used again later, it is useful to check whether it is actually needed before deleting it.

How to use the Reference Module on Pages?

Records created in the Reference Module can be used on pages via the central Module Management system . By adding multiple Reference Modules to the same page, you can display references from different groups in separate fields.

Additionally, by using the global module, you can display your selected reference group commonly across all pages. In this case, you don't need to add the Reference Module to each page separately.

For detailed information on adding modules to pages, global usage, and drag-and-drop ordering, please refer to the "How to Add Modules to Pages?" guide.

What should be considered when using references?

Reference areas are used to show visitors previous work and inspiring examples. Therefore, it's important that the reference information is organized, descriptive, and visually appealing.

• Upload high-quality, clear reference images.
• Write titles that are short and easy to understand.
• Use the subheading field for brief information supporting the reference.
• If you're using a URL, make sure the link leads to the correct page.
• If group selection is used, make sure the correct group is selected.
• Plan the order values of the reference records; manage the page order of the modules using drag-and-drop.
• After making the update, check how the page appears on the front end.

Suggestions for Reference Images

Reference images are one of the first things a visitor notices. Therefore, having images that are similar in size, quality, and proportions creates a more organized look.

Webayt With version 1.9, a fixed aspect ratio has been applied to Reference Module images to ensure more consistent image sizes. However, it is recommended that images be prepared with similar aspect ratios and sufficient resolution whenever possible. Check the front-end appearance as cropping may occur depending on the theme and image placement.

Depending on the type of reference, the client logo, a project screenshot, or a custom image representing the work may be preferred.

Summary

The Reference Module , Webayt, is used in the content management system to manage references, client work, or project examples. For each reference, you can define the title, subtitle, image, URL, group selection, and order information.

When reference listings are properly grouped and supported by high-quality visuals, a trustworthy and organized portfolio area can be created on the website. A consistent image ratio improvement contributes to a more cohesive listing appearance.

Webayt With version 1.9, the same Reference Module can be used multiple times on a page with different groups, or displayed globally on all pages. The order of reference records and page modules is managed separately. After the update, it is recommended to check that the references and images are displayed correctly on the front end.