Auto-aligning website elements by grouping elements based on a plurality of contextual indicators
View Patent ↗Systems and methods provide online tools for helping a business improve its online presence. A contact importance score rates a contact's engagement with business via purchases and online contact, and may further gauge the contact's engagement with other contacts and potential contacts. An engagement score rates a business' engagement with online visitors with respect to industry best practices. A method of generating the engagement score may include providing recommendations to the business for improving the engagement score. A method for recommending online content can identify public and privately-created content that is likely to engage a business' users. A website builder can include a tool for aligning content on the website. The website builder can further include a tool for creating a video for promoting the business.
1. A method, comprising:
providing, by a server computer to a user of a device electronically connected to the server computer via a communication network, an interface for configuring the server computer to generate a website;
receiving, by the server computer, a request to align a plurality of elements on one or more web pages of the website;
aligning, by the server computer, the elements, wherein aligning the elements comprises:
from the elements, creating a plurality of groups of elements, wherein creating the plurality of groups of elements comprises:
identifying a plurality of contextual indicators that indicates two or more elements should be grouped together, wherein at least one contextual indicator comprises similarity of element properties, at least one contextual indicator comprises absolute or relative positioning in approximately the same column or row of pixels, at least one contextual indicator comprises placement within common HTML tags and at least one contextual indicator comprises a similarity of element types, aligning each of the groups with the other groups, and
within each group, aligning the elements of the group with each other; and
publishing, by the server computer, the one or more web pages.
2. The method of claim 1 , wherein the interface comprises a grid having a selected resolution.
3. The method of claim 2 , wherein aligning the elements comprises:
aligning a top edge and a left edge of a first of the elements with the grid; and
aligning a top edge of each of the remaining elements with the top edge of the first element.
4. The method of claim 1 , wherein aligning the elements further comprises aligning at least one element from each group with at least one element of one or more of the other groups.
5. The method of claim 1 , wherein the contextual indicators further include a graphical similarity to a standard web page structure.
6. The method of claim 1 , wherein aligning the elements further comprises:
creating one or more family groups containing a plurality of the groups; and
aligning the groups within each family group.
7. The method of claim 1 , wherein the elements comprise a plurality of images.
8. The method of claim 7 , wherein a first image in the plurality of images has a greater height than a second image in the plurality of images, and wherein aligning the elements comprises resizing the height of the second image to the height of the first image.
9. The method of claim 1 , wherein aligning the elements comprises determining if a first of the elements and a second of the elements are misaligned vertically by less than an alignment threshold and, if so, moving the second element into a desired vertical alignment with the first element.
10. The method of claim 1 , wherein aligning the elements comprises determining if the elements should be uniformly spaced horizontally and, if so, moving one or more of the elements so that the elements are uniformly spaced horizontally.
11. The method of claim 1 , wherein aligning the elements comprises comparing a graphical layout of the elements to one or more standard web page structures.
12. The method of claim 1 , wherein the interface is a website builder application.
13. The method of claim 12 , wherein the website builder application is configured with a drag-and-drop web page layout designer.
14. The method of claim 13 , wherein the website builder application is further configured to display a button that the user presses to request alignment of the elements on the web page.
15. The method of claim 1 , wherein aligning the elements comprises:
from the elements, creating a plurality of groups of elements; and
aligning at least one element from each group in the plurality of groups with at least one element of the other groups in the plurality of groups.