Systems and methods for synchronizing document edits using application state variables to synchronize multiple edits between users in a collaboration session

A system for co-editing a design for a product, the system comprising:

• a memory storing (i) non-transitory computer executable instructions, (ii) a set of tool state variables respectively corresponding to a set of editing tools included in a product editor for editing content included in the product, and (iii) a set of content state variables respectively corresponding to a set of design elements included in the content for the product;
• and
• at least one processor interfacing with the memory, wherein the at least one processor is configured to execute the non-transitory computer executable instructions to cause the at least one processor to:
• receive, from a first electronic device executing a first instantiation of the product editor operated by a customer and specifying a set of first editing tools and a set of first content state variables during editing of the design for the product by the first instantiation of the product editor, a request for a collaborative communication session with a second electronic device that is available for assistance in using the set of first editing tools during editing of the design for the product by the first instantiation of the product editor, the second electronic device executing a second instantiation of the product editor operated by a customer care agent and specifying a set of second editing tools and a set of second content state variables, wherein the first instantiation of the product editor executing on the first electronic device is (i) not the most up-to-date version of the product editor, and (ii) different than a second version of the second instantiation of the product editor executing on the second electronic device,
• generate the collaborative communication session between the first electronic device and the second electronic device in response to the request, wherein the first instantiation of the product editor executing on the first electronic device displays a plurality of design options corresponding to a plurality of templates for the design for the product, wherein, because the first instantiation of the product editor executing on the first electronic device is not the most up-to-date version of the product editor, the plurality of design options are not displayed by the second instantiation of the product editor executing on the second electronic device, and wherein (i) the first instantiation of the product editor visually indicates that the customer care agent is connected and sharing, and (ii) the second instantiation of the product editor visually indicates that the customer is connected and that the customer care agent is sharing,
• receive, from the second electronic device, a value for an editing tool of the set of second editing tools, wherein the value for the editing tool effects a value for a content state variable of the set of second content state variables,
• update, in the memory, (i) the set of tool state variables to reflect the value for the editing tool of the set of second editing tools, and (ii) the set of content state variables to reflect the value for the content state variable of the set of second content state variables, and
• synchronize the set of first editing tools and the set of first content state variables to reflect the set of tool state variables and the set of content state variables that were updated, wherein the first instantiation of the product editor displays the set of first editing tools and the set of first content state variables that were synchronized.

A non-transitory computer-readable storage medium configured to store instructions, the instructions when executed by at least one processor causing the at least one processor to perform operations comprising:

• storing, in a database, (i) a set of tool state variables respectively corresponding to a set of editing tools included in a product editor for editing content included in a product, and (ii) a set of content state variables respectively corresponding to a set of design elements included in the content for the product;
• receiving, from a first electronic device executing a first instantiation of the product editor operated by a customer and specifying a set of first editing tools and a set of first content state variables during editing of the design for the product by the first instantiation of the product editor, a request for a collaborative communication session with a second electronic device that is available for assistance in using the set of first editing tools during editing of the design for the product by the first instantiation of the product editor, the second electronic device executing a second instantiation of the product editor operated by a customer care agent and specifying a set of second editing tools and a set of second content state variables, wherein the first instantiation of the product editor executing on the first electronic device is (i) not the most up-to-date version of the product editor, and (ii) different than a second version of the second instantiation of the product editor executing on the second electronic device;
• generating the collaborative communication session between the first electronic device and the second electronic device in response to the request, wherein the first instantiation of the product editor executing on the first electronic device displays a plurality of design options corresponding to a plurality of templates for the design for the product, wherein, because the first instantiation of the product editor executing on the first electronic device is not the most up-to-date version of the product editor, the plurality of design options are not displayed by the second instantiation of the product editor executing on the second electronic device, and wherein (i) the first instantiation of the product editor visually indicates that the customer care agent is connected and sharing, and (ii) the second instantiation of the product editor visually indicates that the customer is connected and that the customer care agent is sharing;
• receiving, from the second electronic device, a value for an editing tool of the set of second editing tools, wherein the value for the editing tool effects a value for a content state variable of the set of second content state variables;
• updating, in the database, (i) the set of tool state variables to reflect the value for the editing tool of the set of second editing tools, and (ii) the set of content state variables to reflect the value for the content state variable of the set of second content state variables;
• and
• synchronizing the set of first editing tools and the set of first content state variables to reflect the set of tool state variables and the set of content state variables that were updated, wherein the first instantiation of the product editor displays the set of first editing tools and the set of first content state variables that were synchronized.