How to copy a component from one page to another in touch UI AEM?

Question

I want to copy a component from one page to another page in touch UI AEM. How can we achieve that?

Answer 1

One way to do this would be to open html of the page you want to add component on, and perform one of these:

Adding component directly on the page:

<article data-sly-resource="${'componentName' @ prependPath='path/to/the/component'}"></article>

Adding parsys component, and then drag&drop component on that parsys:

<cq:include path="par" resourceType="foundation/components/parsys" />

You can add component on page/template in many different ways that depends on your exact need.