<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Smart Images | Creativas</title>
	<atom:link href="https://creativas.io/category/smart-images/feed" rel="self" type="application/rss+xml" />
	<link>https://creativas.io</link>
	<description>Shape your Digital Journey</description>
	<lastBuildDate>Mon, 01 Sep 2025 14:01:11 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://creativas.io/wp-content/uploads/2020/10/cropped-Creativas_favicon-32x32.png</url>
	<title>Smart Images | Creativas</title>
	<link>https://creativas.io</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Making better documentation in Confluence with Smart Terms &#038; Smart Images</title>
		<link>https://creativas.io/making-better-documentation-in-confluence-with-smart-terms-smart-images</link>
					<comments>https://creativas.io/making-better-documentation-in-confluence-with-smart-terms-smart-images#respond</comments>
		
		<dc:creator><![CDATA[Hedi Chouayakh]]></dc:creator>
		<pubDate>Thu, 21 Aug 2025 14:57:12 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Smart Terms]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Documentation]]></category>
		<category><![CDATA[Glossary]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[Onboarding]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=5181</guid>

					<description><![CDATA[<p>Learn how to create clear, multilingual, and engaging Confluence documentation with Smart Terms and Smart Images. Standardize terminology, add interactive visuals, and boost collaboration for global teams.</p>
The post <a href="https://creativas.io/making-better-documentation-in-confluence-with-smart-terms-smart-images">Making better documentation in Confluence with Smart Terms & Smart Images</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p>Confluence is one of the most potent platforms for organizing and sharing knowledge. But let’s face it, its excellent <a href="https://www.atlassian.com/work-management/project-collaboration/project-documentation" target="_blank" rel="noopener" title="">documentation</a> is more than just text on a page. It needs to be clear, accessible, and engaging for every type of reader. This is where Smart Terms for Confluence and Smart Images for Confluence can work together to transform static pages into interactive, user-friendly resources that everyone in your team can understand no matter their role, language, or preferred learning style.</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>TL; DR</strong></summary>
<p>Even well‑written Confluence pages can leave readers confused. Common issues are inconsistent terminology, multiple languages in a global team, and a lack of visuals. Begin by organizing content in a dedicated space, use templates and macros (table of contents, panels, anchors) to structure pages, draft collaboratively, and take advantage of built‑in versioning and notifications.</p>



<p>Smart Terms is a glossary tool that lets you define, standardize, and translate key terms across Confluence. It highlights terms automatically on pages and displays rich terms popups with definitions, synonyms, and translations. This central glossary ensures consistent terminology and multilingual support.</p>



<p>Smart Images enhances visual content by letting you add interactive hotspots, annotations, image sliders, and galleries. Annotated visuals can link to glossary entries or other resources, making complex diagrams intuitive.</p>



<p>To use both effectively: list essential terms, acronyms, and visuals; create a glossary in Smart Terms with translations and auto‑highlighting; upload and annotate images with Smart Images; then embed glossary terms and annotated diagrams throughout your documentation.</p>



<p>The combined approach, consistent terminology via Smart Terms and interactive visuals via Smart Images, keeps documentation clear, accessible, and engaging for users of different languages and learning styles.</p>
</details>



<h1 class="wp-block-heading" id="Why-does-great-documentation-often-fall-short?">Why does great documentation often fall short?</h1>



<p>Even the most well-written Confluence pages can leave readers confused or disengaged. Common challenges include:</p>



<ul class="wp-block-list">
<li>Inconsistent terminology: Different authors may use different terms for the same thing, making content more challenging to follow.</li>



<li>Language barriers: Teams spread across countries often need documentation in more than one language.</li>



<li>Lack of visuals: Complex processes are hard to understand without visuals.</li>
</ul>



<h1 class="wp-block-heading" id="Creating-well-structured-documentation-in-Confluence">Creating well-structured documentation in Confluence</h1>



<p>To <a href="https://www.atlassian.com/software/confluence/use-cases/technical-documentation" target="_blank" rel="noopener" title="">document effectively in Confluence</a>, start by organizing your content in a dedicated space. For example, create a Knowledge Base space to get a workspace with built-in article templates and a homepage that uses search and label macros. Within the space, maintain a clear hierarchy and tagging: label each page with descriptive topics so the homepage and macros can automatically group related content. Also, define page templates so every documentation page follows a consistent layout (sections, headings, formatting).</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Mastering Technical Documentation | Confluence | Atlassian" width="1170" height="658" src="https://www.youtube.com/embed/ROfsjmdjTak?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading" id="Use-Confluence’s-formatting-and-macros">Use Confluence’s formatting and macros.</h2>



<p>Write your pages using Confluence’s native formatting tools. For clarity, break content into headings, bullet or numbered lists, and sections. Then add built-in macros to aid navigation. <br>For example, insert a Table of Contents macro at the top of any long page, and it will automatically list links to all the headings on that page. <br>Use Info, Tip, or Warning panels to highlight key notes or cautions within your text. You can also use the Anchor macro to create named bookmarks (e.g. a “Back to top” link) that you can link to from anywhere in the document. These built-in features make your documentation more user-friendly and easy to scan.</p>



<h2 class="wp-block-heading" id="Collaborate-on-drafts">Collaborate on drafts</h2>



<p>Use <a href="https://developer.atlassian.com/cloud/confluence/collaborative-editing/" target="_blank" rel="noopener" title="">Confluence’s draft-and-review</a> workflow to polish content before publishing. When you create a new page, immediately restrict its permissions (e.g., visible only to your team) to keep it private while drafting. Then write your documentation and share the page with colleagues for feedback: reviewers can leave inline comments (by highlighting text) or suggest edits directly on the page. This keeps feedback tied to the correct context. After revisions, remove restrictions and delete any placeholder comments so the final version is visible to all intended readers.</p>



<h2 class="wp-block-heading" id="Track-versions-and-updates">Track versions and updates</h2>



<p>Confluence automatically versions every saved change. Encourage team members to watch key pages or the entire documentation space. Confluence will then notify them whenever those pages are edited. To see exactly what changed, use the Page History feature. The history view lists all past versions with dates and authors; you can compare any two versions or restore an older version if needed. This ensures you can track edits or recover content if something was changed incorrectly.</p>



<ul class="wp-block-list">
<li>Watch pages/spaces for change notifications.</li>



<li>Use Page History to compare or revert versions.</li>
</ul>



<h2 class="wp-block-heading" id="Smart-Terms-vs.-Atlassian-AI-definitions">Smart Terms vs <a href="https://www.atlassian.com/blog/artificial-intelligence/guide-to-ai-definitions" target="_blank" rel="noopener" title="">Atlassian AI definitions</a></h2>



<p>When it comes to defining unfamiliar terms, Confluence offers two approaches. <a href="https://support.atlassian.com/confluence-cloud/docs/define-terms-using-atlassian-intelligence/" target="_blank" rel="noopener" title="">Atlassian Intelligence’s</a> “Define” feature lets you highlight a word on any page and click Define to get an AI-generated explanation right there. This provides instant, context-based definitions without any setup.</p>



<p>By contrast, Smart Terms is a glossary app: admins create and manage a permanent list of term definitions (with synonyms, images, translations, etc.), and the app automatically highlights those terms across your Confluence pages. Smart Terms also allows control over where and when to highlight terms, and provides a centralized glossary your team can search and explore.</p>



<h1 class="wp-block-heading" id="How-Smart-Terms-and-Smart-Images-work-together-in-Confluence">How Smart Terms and Smart Images work together in Confluence?</h1>



<div>
<ul class="has-white-color has-text-color has-link-color" style="background-color:#04649c; padding: 20px 38px;">
  <li style="margin-bottom: 5px" ><strong>Smart Terms</strong> ensures your text is understandable, consistent, and multilingual.</li>
  <li><strong>Smart Images</strong> makes your visuals interactive, detailed, and easy to explore.</li>
</ul>
</div>



<h2 class="wp-block-heading" id="1.-Define-and-standardize-your-terminology-with-Smart-Terms">Define and standardize your terminology with Smart Terms</h2>



<p>Smart Terms allows you to build and maintain a glossary inside Confluence. Once a term is added, it can automatically appear highlighted across your pages, with definitions and translations available in a highlight popup.</p>



<p>Key features that make it essential for documentation:</p>



<ul class="wp-block-list">
<li><a href="https://help.creativas.io/app/terms-for-jira/highlight-overview-138510425.html?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">Auto-highlighting</a>: Your terms are automatically detected and highlighted across Confluence pages. You can also enrich them with related vocabulary. For example, if you add Artificial Intelligence (AI) to your glossary, both “AI” and “Artificial Intelligence” will be highlighted and linked back to the exact definition, ensuring no one gets lost in acronyms.</li>
</ul>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="576" src="https://creativas.io/wp-content/uploads/2025/08/yrjyj-1024x576.png" alt="" class="wp-image-5193" srcset="https://creativas.io/wp-content/uploads/2025/08/yrjyj-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2025/08/yrjyj-300x169.png 300w, https://creativas.io/wp-content/uploads/2025/08/yrjyj-768x432.png 768w, https://creativas.io/wp-content/uploads/2025/08/yrjyj-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2025/08/yrjyj.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li><a href="https://help.creativas.io/app/terms-for-jira/highlight-overview-138510425.html#Highlightoverview-3.Highlightpop-up?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">Highlight popup</a>: Hover over (click on) a term to instantly see its definition without leaving the page. Unlike Atlassian’s built-in Smart Definitions, Smart Terms tooltips can include rich details: a short description, synonyms, and translations, giving your readers real context instead of just a simple dictionary-like definition.</li>
</ul>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://creativas.io/wp-content/uploads/2025/08/563573-1024x576.png" alt="" class="wp-image-5185" srcset="https://creativas.io/wp-content/uploads/2025/08/563573-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2025/08/563573-300x169.png 300w, https://creativas.io/wp-content/uploads/2025/08/563573-768x432.png 768w, https://creativas.io/wp-content/uploads/2025/08/563573-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2025/08/563573.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li><a href="https://www.youtube.com/watch?v=orTk6Q3ElHw&amp;list=PLvfpaMmcAwP5MxmNPjf8MAUG6EKoWz6D9" target="_blank" rel="noopener" title="">Multilingual</a> support: Provide translations so every team member can read in their preferred language.</li>
</ul>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://creativas.io/wp-content/uploads/2025/08/535353-1024x576.png" alt="" class="wp-image-5208" srcset="https://creativas.io/wp-content/uploads/2025/08/535353-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2025/08/535353-300x169.png 300w, https://creativas.io/wp-content/uploads/2025/08/535353-768x432.png 768w, https://creativas.io/wp-content/uploads/2025/08/535353-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2025/08/535353.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li><a href="https://help.creativas.io/app/terms-for-jira/app-configuration-138510438.html?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">Centralized glossary</a>: Update once, and changes appear everywhere. Even better, Smart Terms gives you complete control over where and when terms are highlighted. You can choose to highlight terms globally across your workspace, or limit them to specific spaces, pages, or even sections, making the highlight engine both powerful and flexible.</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://creativas.io/wp-content/uploads/2025/08/52373-1024x576.png" alt="" class="wp-image-5189" srcset="https://creativas.io/wp-content/uploads/2025/08/52373-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2025/08/52373-300x169.png 300w, https://creativas.io/wp-content/uploads/2025/08/52373-768x432.png 768w, https://creativas.io/wp-content/uploads/2025/08/52373-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2025/08/52373.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading" id="2.-Make-visuals-better-with-Smart-Images">Make visuals better with <a href="https://creativas.io/smart-images-for-confluence?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">Smart Images</a>.</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://creativas.io/wp-content/uploads/2025/08/431-1024x576.png" alt="" class="wp-image-5190" srcset="https://creativas.io/wp-content/uploads/2025/08/431-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2025/08/431-300x169.png 300w, https://creativas.io/wp-content/uploads/2025/08/431-768x432.png 768w, https://creativas.io/wp-content/uploads/2025/08/431-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2025/08/431.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Smart Images lets you add interactive elements to images, diagrams, and mockups inside Confluence. You can guide readers through complex visuals without needing long paragraphs of explanation.</p>



<p>Key features that improve documentation:</p>



<ul class="wp-block-list">
<li>Image maps: Clickable points on images that display text, links, or media.</li>



<li>Image annotations: Label different areas for clarity.</li>



<li>Multiple image layouts: Showcase your visuals in different ways, such as image sliders for step-by-step walkthroughs or galleries to group related diagrams and screenshots. You can also create clickable image maps, where product mockups or diagrams become interactive and guide readers through each component.</li>
</ul>



<div class="wp-block-slider-block-slider-block"><div class="eb-parent-wrapper eb-parent-eb-slider-gzo2m "><div class="eb-slider-wrapper eb-slider-gzo2m" data-settings="{&quot;arrows&quot;:true,&quot;adaptiveHeight&quot;:false,&quot;autoplay&quot;:true,&quot;autoplaySpeed&quot;:3000,&quot;dots&quot;:true,&quot;fade&quot;:false,&quot;infinite&quot;:true,&quot;pauseOnHover&quot;:true,&quot;slidesToShow&quot;:1,&quot;speed&quot;:500,&quot;vertical&quot;:false,&quot;currentSlide&quot;:0,&quot;rtl&quot;:false,&quot;responsive&quot;:[{&quot;breakpoint&quot;:1025,&quot;settings&quot;:{&quot;slidesToShow&quot;:1}},{&quot;breakpoint&quot;:767,&quot;settings&quot;:{&quot;slidesToShow&quot;:1}}]}" data-images="[{&quot;url&quot;:&quot;https://creativas.io/wp-content/uploads/2025/08/gif1.png&quot;,&quot;alt&quot;:&quot;&quot;,&quot;id&quot;:0,&quot;imageId&quot;:5236,&quot;caption&quot;:&quot;&quot;,&quot;title&quot;:&quot;Slider 1&quot;,&quot;subtitle&quot;:&quot;Essential Blocks Slider Subtitle&quot;,&quot;showButton&quot;:true,&quot;buttonText&quot;:&quot;See More&quot;,&quot;buttonUrl&quot;:&quot;&quot;,&quot;openNewTab&quot;:false,&quot;isValidUrl&quot;:true,&quot;showSecondButton&quot;:false,&quot;secondButtonText&quot;:&quot;See More&quot;,&quot;secondButtonUrl&quot;:&quot;&quot;,&quot;secondButtonOpenNewTab&quot;:false},{&quot;url&quot;:&quot;https://creativas.io/wp-content/uploads/2025/08/gif2.png&quot;,&quot;alt&quot;:&quot;&quot;,&quot;id&quot;:1,&quot;imageId&quot;:5237,&quot;caption&quot;:&quot;&quot;,&quot;title&quot;:&quot;Slider 2&quot;,&quot;subtitle&quot;:&quot;Essential Blocks Slider Subtitle&quot;,&quot;showButton&quot;:true,&quot;buttonText&quot;:&quot;See More&quot;,&quot;buttonUrl&quot;:&quot;&quot;,&quot;openNewTab&quot;:false,&quot;isValidUrl&quot;:true,&quot;showSecondButton&quot;:false,&quot;secondButtonText&quot;:&quot;See More&quot;,&quot;secondButtonUrl&quot;:&quot;&quot;,&quot;secondButtonOpenNewTab&quot;:false}]" data-slidercontenttype="content-1" data-slidertype="image" data-textalign="left" data-arrownexticon="fas fa-arrow-alt-circle-right" data-arrowprevicon="fas fa-arrow-alt-circle-left"><div class="image"><div class="eb-slider-item content-1"><img decoding="async" class="eb-slider-image" src="https://creativas.io/wp-content/uploads/2025/08/gif1.png"/></div><div class="eb-slider-item content-1"><img decoding="async" class="eb-slider-image" src="https://creativas.io/wp-content/uploads/2025/08/gif2.png"/></div></div></div></div></div>



<h2 class="wp-block-heading" id="3.-Steps-to-use-both-apps">Steps to use both apps</h2>



<p>Here’s how to combine the two apps effectively in your documentation workflow:</p>



<ol start="1" class="wp-block-list">
<li>Identify key concepts &amp; visuals
<ul class="wp-block-list">
<li>List essential terms, acronyms, and process names.</li>



<li>Select diagrams, UI screenshots, or workflow charts that support your content.</li>
</ul>
</li>



<li>Build your <a href="https://www.youtube.com/watch?v=7moHf0pzoKg&amp;list=PLvfpaMmcAwP5MxmNPjf8MAUG6EKoWz6D9&amp;index=5" target="_blank" rel="noopener" title="">glossary</a> in <a href="https://creativas.io/smart-terms-for-confluence-glossary?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">Smart Terms</a>
<ul class="wp-block-list">
<li>Add definitions, synonyms, and translations.</li>



<li>Enable auto-highlighting for instant in-page tooltips.</li>
</ul>
</li>



<li>Upload and annotate images in Smart Images
<ul class="wp-block-list">
<li>Place hotspots to explain each part of your diagram.</li>



<li>Link hotspots to glossary terms, related pages, or additional resources.</li>
</ul>
</li>



<li>Embed both in your Confluence page
<ul class="wp-block-list">
<li>Glossary terms appear naturally in your text.</li>



<li>Annotated visuals break up content and make it interactive.</li>
</ul>
</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://creativas.io/wp-content/uploads/2025/08/eazr-1024x576.png" alt="" class="wp-image-5192" srcset="https://creativas.io/wp-content/uploads/2025/08/eazr-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2025/08/eazr-300x169.png 300w, https://creativas.io/wp-content/uploads/2025/08/eazr-768x432.png 768w, https://creativas.io/wp-content/uploads/2025/08/eazr-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2025/08/eazr.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h1 class="wp-block-heading" id="Use-Case:-Sofia’s-global-team">Use Case: Sofia’s global team</h1>



<p>Sofia is a team lead at a multinational tech company. Her Confluence workspace is full of documentation for product development, <a href="https://creativas.io/engage-educate-elevate-new-hires-effective-confluence-onboarding?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">onboarding</a>, and support. But her team faces three challenges:</p>



<ol start="1" class="wp-block-list">
<li>Diverse languages: Some members prefer English, others work in French, Spanish, or Japanese.</li>



<li>Different learning styles: Developers want detailed technical definitions, while designers prefer diagrams and visuals.</li>



<li>Inconsistent terms: New hires keep asking what internal acronyms mean.</li>
</ol>



<p>Here’s how Sofia solved it with <a href="https://creativas.io/the-future-of-onboarding-confluence-and-smart-terms-in-action?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener" title="">Smart Terms</a> and Smart Images:</p>



<ul class="wp-block-list">
<li>She created a central glossary in Smart Terms with translations for each key product term. Now, when anyone hovers over a term, they instantly see its definition in their preferred language and even some visuals.</li>



<li>She replaced static diagrams with Smart Images. For example, her product architecture diagram now has clickable hotspots showing component details and linking to relevant Confluence pages.</li>



<li>When onboarding new hires, they can explore documentation without needing to ask. Sofia tooltips and annotated visuals explain everything in context.</li>
</ul>



<p>The result?</p>



<p>Faster onboarding, fewer repeated questions, and higher documentation adoption across her global team.</p>



<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1219677/smart-terms-for-confluence-glossary?hosting=cloud&#038;tab=overview&#038;utm_medium=blog-post&#038;utm_source=blogslinks&#038;utm_campaign=smartterms"
    class="cta-btn"
    target="_blank"
    rel="noopener noreferrer"
    aria-label="Open Smart Terms for Confluence on Atlassian Marketplace"
  >
    Smart Terms for Confluence
  </a>

  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview&#038;utm_medium=blog-post&#038;utm_source=blogslinks&#038;utm_campaign=smartimages"
    class="cta-btn"
    target="_blank"
    rel="noopener noreferrer"
    aria-label="Open Smart Images for Confluence on Atlassian Marketplace"
  >
    Smart Images for Confluence
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
  }
  .cta-btn {
    display: inline-block;
    margin: 0 10px;
    padding: 12px 22px;
    border-radius: 12px; /* round corners */
    background: #003F9E;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 6px 18px rgba(0, 63, 158, 0.25);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(0, 63, 158, 0.35);
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>



<p></p>
<div class="clearfix"></div>The post <a href="https://creativas.io/making-better-documentation-in-confluence-with-smart-terms-smart-images">Making better documentation in Confluence with Smart Terms & Smart Images</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/making-better-documentation-in-confluence-with-smart-terms-smart-images/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tips &#038; tricks for your Confluence documentation</title>
		<link>https://creativas.io/tips-tricks-for-your-confluence-documentation</link>
					<comments>https://creativas.io/tips-tricks-for-your-confluence-documentation#respond</comments>
		
		<dc:creator><![CDATA[Amel Aloulou]]></dc:creator>
		<pubDate>Tue, 12 Nov 2024 11:27:58 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Smart Terms]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Documentation]]></category>
		<category><![CDATA[Glossary]]></category>
		<category><![CDATA[Knowledge management]]></category>
		<category><![CDATA[Project management]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=4219</guid>

					<description><![CDATA[<p>Create clear, engaging Confluence documentation with these essential tips. Boost readability and understanding using Smart Images and Smart Terms for Confluence</p>
The post <a href="https://creativas.io/tips-tricks-for-your-confluence-documentation">Tips & tricks for your Confluence documentation</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="4219" class="elementor elementor-4219">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5b513b18 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5b513b18" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c6ee039" data-id="c6ee039" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-12b35c9 elementor-widget elementor-widget-text-editor" data-id="12b35c9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>Writing clear and compelling product documentation can be challenging, especially when working with complex tools or detailed technical topics. For technical writers and product teams, using Confluence as a knowledge management system simplifies this process and makes it easy to organize and share information. Adding apps like Smart Images and Smart Terms in Confluence can take your Confluence documentation to the next level, making it more accessible, visually engaging, and easier for teams to navigate and understand. This guide covers the essential tips and tricks to help you craft exceptional documentation.</p>
</div></div>
</div></div>

<h2 id="Use-case-No.-1" class="wp-block-heading">1. Define your documentation scope and audience</h2>

<p>First things first, before starting, you need to define precisely what you are writing and who you are writing it for. Different types of technical documentation serve different purposes and have specific requirements, from user guides and API documentation to troubleshooting resources. Identifying the document type will help you structure the content accordingly and cater to your readers&#8217; needs, whether they are end-users, developers, or internal team members.</p>

<ul class="wp-block-list">
<li><strong>User guides:</strong> for end-users seeking clear, practical instructions.</li>

<li><strong>API or developer documentation:</strong> technical and detail-oriented, targeting developers.</li>

<li><strong>Troubleshooting guides:</strong> focused on common problems, ideal for support teams.</li>
</ul>

<p>Understanding who your readers are helps you set the tone and depth of information for each document, ensuring your content is relevant and engaging.</p>

<h2 class="wp-block-heading">2. Select a knowledge management platform</h2>

<p>Documentation is made to be shared, so you need to use a knowledge management system to help you create, curate, share, use, and manage knowledge. Many tools serve this purpose, but our favorite is definitely Confluence. Confluence is an excellent choice because it offers <a title="" href="https://community.atlassian.com/t5/App-Central-articles/Confluence-document-management-best-practices-Cloud-DC/ba-p/2053456" target="_blank" rel="noopener">a centralized space to store and organize your team’s knowledge</a>. Its user-friendly interface makes documentation easy to create and manage, even for those new to the platform. With its native various macros, <a title="" href="https://www.atlassian.com/software/confluence/templates" target="_blank" rel="noopener">templates</a>, and formatting options, Confluence enhances usability and supports collaboration across departments. Integrating Confluence with project management tools like <a title="" href="https://trello.com/home" target="_blank" rel="noopener">Trello </a>and <a title="" href="https://www.atlassian.com/software/jira" target="_blank" rel="noopener">Jira</a>, as well as any other <a title="" href="https://marketplace.atlassian.com/vendors/1214340/creativas" target="_blank" rel="noopener">add-on apps</a>, can further improve productivity by streamlining workflows. Additionally, it’s highly secure, making it suitable for managing sensitive data as well, and team admins can control access tightly, ensuring only authorized users can view sensitive information.</p>

<h2 class="wp-block-heading">3. Plan your document structure</h2>

<p>Once you know what documentation you are writing, who you are writing it for, and where you are writing it, you need to prepare your document outline. <a title="" href="https://www.atlassian.com/work-management/knowledge-sharing/documentation/standards" target="_blank" rel="noopener">A well-organized document structure</a> helps readers navigate information easily. Start with a broad outline, organizing the main sections and adding subtitles where needed. This hierarchical approach is especially useful for longer guides, making it easier for readers to find what they need quickly.</p>

<p>Another helpful tip for organizing your Confluence documentation is to include a glossary that explains key terms and concepts related to your documentation. <a title="" href="https://marketplace.atlassian.com/apps/1219677/smart-terms-for-confluence-glossary?hosting=cloud&amp;tab=overview&amp;utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener">Smart Terms for Confluence</a> is an excellent app for <a title="" href="https://creativas.io/wp-content/uploads/2021/04/Use-Smart-Terms-for-Confluence.pdf?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener">terminology management</a>. It helps to keep your terminology consistent and accessible so readers can easily understand even the more complex aspects of your documentation.</p>

<p><iframe title="YouTube video player" src="https://www.youtube.com/embed/7-fbw3IBA_U?si=D4MrW_XgCDuMIBFj" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

<h2 class="wp-block-heading">4. Prioritize clarity and accessibility</h2>

<p>Documentation is made to be shared and also understood. This means readers need to understand the content easily. Otherwise, the document will not serve its primary purpose. So, make it as straightforward as possible by avoiding complicated jargon and using easy language wherever possible. For example, as a part of a previous blog,<a title="" href="https://creativas.io/optimize-customer-support-with-smart-tables-for-confluence-boost-efficiency-and-uncover-business-insights?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smarttables" target="_blank" rel="noopener"> we mentioned the case of troubleshooting documentation for support teams</a> and had the case of an AI Meeting Summarizer tool, so let’s keep using that same example. When explaining how this tool works and its features, we should opt for simple phrases like, “We use meeting data to create summaries that capture key points, so you don’t have to” instead of overly technical explanations. A great option about Confluence is that you can <a title="" href="https://support.atlassian.com/confluence-cloud/docs/share-content-externally-with-public-links/" target="_blank" rel="noopener">share your content with external users even if they don&#8217;t use Confluence</a>, so all the effort you put into writing your Confluence documentation won&#8217;t go to waste.</p>

<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" class="wp-image-4225" src="https://creativas.io/wp-content/uploads/2024/11/Confluence-documenation_-External-user-guide-1024x576.png" alt="Confluence documentation _ External user guide" srcset="https://creativas.io/wp-content/uploads/2024/11/Confluence-documenation_-External-user-guide-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Confluence-documenation_-External-user-guide-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Confluence-documenation_-External-user-guide-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Confluence-documenation_-External-user-guide-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Confluence-documenation_-External-user-guide.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<p>Confluence documentation can be made for internal and external users, so remember to cover all essential information and explain details. If your readers include people with varied levels of expertise, don’t assume prior knowledge. Walk them through each step or concept, adding relatable examples for clarity. Break down every concept into simple terms and provide examples to ensure clarity. In the case of internal Confluence documentation, you can use <a title="" href="https://creativas.io/reinforcing-cross-functional-collaboration-in-confluence-and-jira-with-smart-terms?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener">Smart Terms for Confluence to help you clarify any concepts that may confuse readers with different backgrounds</a>. Let me show you how it works. Keeping the same example we just mentioned, words like “summary” and “data” have a broad meaning, but whenever they’re mentioned in this documentation, they mean “meeting summary” and “meeting data.” Therefore, creating definitions for these terms with labels and relations will eliminate possible confusion.</p>

<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4227" class="wp-image-4227" src="https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-1-1024x576.png" alt="Explaining terms in Confluence documentation _ Definition 1" srcset="https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-1-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-1-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-1-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-1-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-1.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4226" class="wp-image-4226" src="https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-2-1024x576.png" alt="Explaining terms in Confluence documentation _ Definition 2
" srcset="https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-2-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-2-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-2-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-2-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Explaing-terms-in-Confluence-doucmenation-_-Definition-2.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</figure>

<p>If you added a recurrent term to your Smart Terms glossary and don&#8217;t want it to be highlighted every time it&#8217;s mentioned, you can enable the option to <a title="" href="https://creativas.io/wp-content/uploads/2023/01/Explained-guide-for-the-highlight-engine.pdf?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartterms" target="_blank" rel="noopener">highlight the first term only in the highlight engine settings.</a></p>

<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4228" class="wp-image-4228" src="https://creativas.io/wp-content/uploads/2024/11/Repeated-term-in-Confluence-documenation-1024x576.png" alt="Recurrent term in Confluence documentation
" srcset="https://creativas.io/wp-content/uploads/2024/11/Repeated-term-in-Confluence-documenation-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Repeated-term-in-Confluence-documenation-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Repeated-term-in-Confluence-documenation-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Repeated-term-in-Confluence-documenation-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Repeated-term-in-Confluence-documenation.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4229" class="wp-image-4229" src="https://creativas.io/wp-content/uploads/2024/11/Highlight-first-term-only-in-Confluence-documenation-1-1024x576.png" alt="Highlight first term only in Confluence documentation " srcset="https://creativas.io/wp-content/uploads/2024/11/Highlight-first-term-only-in-Confluence-documenation-1-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Highlight-first-term-only-in-Confluence-documenation-1-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Highlight-first-term-only-in-Confluence-documenation-1-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Highlight-first-term-only-in-Confluence-documenation-1-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Highlight-first-term-only-in-Confluence-documenation-1.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</figure>

<h2 class="wp-block-heading">5. Enhance understanding with visuals</h2>

<p>Your documentation will certainly have a lot of text. But, integrating visuals like images, videos, and infographics can significantly boost understanding and engagement. In fact, many people are visual learners, and visuals help to break down complex concepts, making content more digestible for readers and enhancing information retention. With <a title="" href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview&amp;utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartimages" target="_blank" rel="noopener">Smart Images for Confluence</a>, you can <a title="" href="https://creativas.io/wp-content/uploads/2021/09/Smart-Images-at-a-glance.pdf?utm_medium=blog-post&amp;utm_source=blogslinks&amp;utm_campaign=smartimages" target="_blank" rel="noopener">make your visuals dynamic and highly customized</a> to fit your documentation needs. It provides an image editor that lets you add shapes, text, annotations, and more to highlight essential information in your images. You can also resize, crop, and adjust colors and opacity, making it easier for readers to follow along and grasp essential points.</p>

<p><iframe title="YouTube video player" src="https://www.youtube.com/embed/DxBYBiyxftU?si=DRXMxKndg4Dg8xsC" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

<p>Let&#8217;s continue with the same example we previously mentioned. The troubleshooting documentation helps the support team navigate the different scenarios to solve issues, so providing them with an escalation matrix helps to speed up the process and decide on the needed next step. This is where Smart Images comes in handy and allows you to add an image slider explaining all situations.</p>

<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4231" class="wp-image-4231" src="https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Macro-1024x576.png" alt="Smart Images for Confluence Macro" srcset="https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Macro-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Macro-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Macro-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Macro-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Macro.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4230" class="wp-image-4230" src="https://creativas.io/wp-content/uploads/2024/11/Slider-settings-in-Smart-Images-1024x576.png" alt="Editor Smart Images for Confluence" srcset="https://creativas.io/wp-content/uploads/2024/11/Slider-settings-in-Smart-Images-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Slider-settings-in-Smart-Images-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Slider-settings-in-Smart-Images-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Slider-settings-in-Smart-Images-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Slider-settings-in-Smart-Images.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" data-id="4232" class="wp-image-4232" src="https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Page-view-1024x576.png" alt="Smart Images Confluence page view" srcset="https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Page-view-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Page-view-300x169.png 300w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Page-view-768x432.png 768w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Page-view-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2024/11/Smart-Images-Page-view.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</figure>

<h2 class="wp-block-heading">6. Gather feedback and track engagement</h2>

<p>To keep improving your documentation in Confluence, gather user feedback and track engagement. Confluence allows users to add comments and share their insights directly. Their feedback will highlight areas needing revision or clarification, helping you prioritize future updates. Use <a title="" href="https://community.atlassian.com/t5/Confluence-articles/Rediscover-Confluence-Analytics-Freshly-Redesigned/ba-p/2850572" target="_blank" rel="noopener">analytics</a> to monitor your Confluence documentation metrics, such as view counts and reading times, which indicate how helpful readers find this documentation. Tracking these insights can reveal which parts are the most useful and which might need further refinement, ensuring your documentation remains valuable and relevant.</p>

<div class="tenor-gif-embed" data-postid="23150900" data-share-method="host" data-aspect-ratio="1.92771" data-width="100%"><a href="https://tenor.com/view/writing-down-gif-23150900">Writing Down GIF</a>from <a href="https://tenor.com/search/writing-gifs">Writing GIFs</a></div>
<p><script type="text/javascript" async src="https://tenor.com/embed.js"></script></p>

<p>Good documentation requires careful planning, clear communication, and continuous improvement. With Confluence as your knowledge management platform and tools like Smart Images and Smart Terms, you have the resources to create documentation that’s informative, visually engaging, and accessible to a broad audience. These tips and tricks for your Confluence documentation will definitely help you create a resource that supports and empowers your team.</p>

<p>Do you still have any questions regarding Smart Terms for Confluence and Smart Images for Confluence? Don’t hesitate to <a href="https://calendly.com/creativas" target="_blank" rel="noopener">book a demo</a>. Let us get to know you and answer your questions.</p>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5c363e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5c363e7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ed3f1e" data-id="4ed3f1e" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ddeaa82 elementor-widget elementor-widget-html" data-id="ddeaa82" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1219677/smart-terms-for-confluence-glossary?hosting=cloud&utm_medium=blog-post&utm_source=blogslinks&utm_campaign=smartterms"
    class="cta-btn"
    target="_blank"
    rel="noopener noreferrer"
  >
    Smart Terms for Confluence
  </a>

  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&utm_medium=blog-post&utm_source=blogslinks&utm_campaign=smartimages"
    class="cta-btn"
    target="_blank"
    rel="noopener noreferrer"
  >
    Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/terms/"
    class="cta-btn"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn more about Smart Terms
  </a>

  <a
    href="https://help.creativas.io/app/smart-images/smart-images-documentation-8912995.html"
    class="cta-btn"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn more about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    background: #003F9E;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
    cursor: pointer;
    white-space: nowrap;
  }
  .cta-btn:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>
				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<div class="clearfix"></div>The post <a href="https://creativas.io/tips-tricks-for-your-confluence-documentation">Tips & tricks for your Confluence documentation</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/tips-tricks-for-your-confluence-documentation/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Documentation with Smart Images &#038; Smart Terms for Confluence</title>
		<link>https://creativas.io/documentation-with-smart-images-smart-terms-for-confluence</link>
					<comments>https://creativas.io/documentation-with-smart-images-smart-terms-for-confluence#respond</comments>
		
		<dc:creator><![CDATA[Salma Sahnoun]]></dc:creator>
		<pubDate>Mon, 06 Dec 2021 08:55:08 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Smart Terms]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Definitions]]></category>
		<category><![CDATA[Documentation]]></category>
		<category><![CDATA[Glossary]]></category>
		<category><![CDATA[Highlight]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=2718</guid>

					<description><![CDATA[<p>Is your app's documentation well structured? Have you ever wanted to highlight terms in the documentation for a better app glossary understanding or include images in sliders and galleries to explain the app more?</p>
The post <a href="https://creativas.io/documentation-with-smart-images-smart-terms-for-confluence">Documentation with Smart Images & Smart Terms for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p data-pm-slice="1 1 []">Is your app&#8217;s documentation well structured? Have you ever wanted to highlight terms in the documentation for a better app glossary understanding or include images in sliders and galleries to explain the app more?</p>
<p>We know this occurred. That&#8217;s why we thought of showcasing the below use case to you, thinking it might help you find your way in your documentation.</p>
<p>This use case is a fusion between <a href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview">Smart Images for Confluence</a> and <a href="https://marketplace.atlassian.com/apps/1219677/smart-terms-for-confluence-glossary?hosting=cloud&amp;tab=overview">Smart Terms for Confluence</a>.</p>
<p>Documentation of your apps is a crucial section, and it may suffer some ambiguity if you&#8217;re not putting it the right way.</p>
<p>As a lot of you<span class="fabric-editor-annotation" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="59b49b65-0916-42d4-b9fc-609a2492887a"> use </span><a href="https://confluence.atlassian.com/doc/develop-technical-documentation-in-confluence-226166494.html"><span class="fabric-editor-annotation" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="59b49b65-0916-42d4-b9fc-609a2492887a">Confluence</span> to share their documentation</a>, these recommendations are for you.</p>
<h3>Smart Images for Confluence integration</h3>
<p data-renderer-start-pos="1066">Documentation certainly needs screenshots to display the different app sections and layouts. You can enhance your documentation experience with Smart Images for Confluence.</p>
<p data-renderer-start-pos="1240">You don&#8217;t have to struggle to put all images and screenshots in one place. Smart Images saves you time and, most importantly, space on your Confluence page.</p>
<p data-renderer-start-pos="1398">Find out how to create <a href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html">sliders and galleries</a> in your documentation.</p>
<figure id="attachment_2719" aria-describedby="caption-attachment-2719" style="width: 1885px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/12/slider-options-fast.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2719 size-full" src="https://creativas.io/wp-content/uploads/2021/12/slider-options-fast.gif" alt="" width="1885" height="863"></a><figcaption id="caption-attachment-2719" class="wp-caption-text">How to create<a href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html#Sliders&amp;Galleries-1.Slideroptions"> a slider</a> with Smart Images for Confluence</figcaption></figure>
<p>&nbsp;</p>
<figure id="attachment_2722" aria-describedby="caption-attachment-2722" style="width: 1885px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/12/gallery-options-fast.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2722 size-full" src="https://creativas.io/wp-content/uploads/2021/12/gallery-options-fast.gif" alt="" width="1885" height="863"></a><figcaption id="caption-attachment-2722" class="wp-caption-text">How to create a<a href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html#Sliders&amp;Galleries-2.Galleryoptions"> gallery</a> with Smart Images for Confluence?</figcaption></figure>
<p data-renderer-start-pos="1588">Smart Images for Confluence is a user-friendly editing toolkit and is certainly not only about sliders and galleries. It’s so much more, as we call it, the <a class="sc-gGBfsJ ezSIMS" title="https://creativas.io/smart-images-for-confluence" href="https://creativas.io/smart-images-for-confluence" data-renderer-mark="true">all-in-one image toolkit</a>.</p>
<p data-renderer-start-pos="1771"><a class="sc-gGBfsJ ezSIMS" title="https://creativas.io/discover-smart-images-for-confluence" href="https://creativas.io/discover-smart-images-for-confluence" data-renderer-mark="true">Discover</a> more about Smart Images <a class="sc-gGBfsJ ezSIMS" title="https://creativas.io/how-to-use-smart-images-for-confluence" href="https://creativas.io/how-to-use-smart-images-for-confluence" data-renderer-mark="true">use cases</a>, and if you’re more of a visual person, you can check these <a class="sc-gGBfsJ ezSIMS" title="https://creativas.io/smart-images-resources" href="https://creativas.io/smart-images-resources" data-renderer-mark="true">infographics</a>.</p>
<h3>Smart Terms for Confluence integration</h3>
<p data-renderer-start-pos="1929">In the middle of introducing your apps, you surely encounter terms that you think should be defined for your customers as they may sound a bit unclear. Smart terms for Confluence allows you to <a class="sc-gGBfsJ ezSIMS" title="https://creativas.io/modal-highlighter-and-terms-highlighter-macro" href="https://creativas.io/modal-highlighter-and-terms-highlighter-macro" data-renderer-mark="true">highlight</a> these terms and deliver transparent information and definitions.</p>
<p data-renderer-start-pos="2198">For better <a class="sc-gGBfsJ ezSIMS" title="https://creativas.io/the-key-to-better-communication-management-with-smart-terms-for-confluence" href="https://creativas.io/the-key-to-better-communication-management-with-smart-terms-for-confluence" data-renderer-mark="true">customer communication</a>, you can reinforce the highlighted terms with related vocabulary or media.</p>
<figure id="attachment_2724" aria-describedby="caption-attachment-2724" style="width: 1889px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/12/Smart-terms-integration.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2724 size-full" src="https://creativas.io/wp-content/uploads/2021/12/Smart-terms-integration.gif" alt="" width="1889" height="853"></a><figcaption id="caption-attachment-2724" class="wp-caption-text"><a href="https://help.creativas.io/terms/highlight-overview-5570601.html#Highlightoverview-2.Highlightpop-up">Terms highlight</a> in documentation</figcaption></figure>
<p data-renderer-start-pos="2704">The above&nbsp;<a class="sc-gGBfsJ ezSIMS" title="https://demo.creativas.io/wiki/pages/viewpage.action?pageId=33882119" href="https://demo.creativas.io/wiki/pages/viewpage.action?pageId=33882119" data-renderer-mark="true">Confluence page</a> explains it all.&nbsp;</p>


<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1219677"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Terms for Confluence
  </a>

  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/terms/"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn more about Smart Terms
  </a>

  <a
    href="https://help.creativas.io/smart-images"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn more about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn.primary {
    background: #003F9E;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
  }
  .cta-btn.primary:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn.secondary {
    background: #E5EFFE;
    color: #003F9E !important;
    border: 1px solid #003F9E;
  }
  .cta-btn.secondary:hover {
    background: #D0E4FD;
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>

<div class="clearfix"></div>The post <a href="https://creativas.io/documentation-with-smart-images-smart-terms-for-confluence">Documentation with Smart Images & Smart Terms for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/documentation-with-smart-images-smart-terms-for-confluence/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to use Smart Images for Confluence</title>
		<link>https://creativas.io/how-to-use-smart-images-for-confluence</link>
					<comments>https://creativas.io/how-to-use-smart-images-for-confluence#respond</comments>
		
		<dc:creator><![CDATA[Salma Sahnoun]]></dc:creator>
		<pubDate>Wed, 20 Oct 2021 09:00:41 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Documentation]]></category>
		<category><![CDATA[Image maps]]></category>
		<category><![CDATA[Onboarding]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=2443</guid>

					<description><![CDATA[<p>Visual data is processed 60,000 times faster by the brain than text. As we are visual creatures, our eyes get attracted to visuals more than text. It is a fact that images are more powerful than texts. We give attention to images quickly. We learn faster when there are infographics. We memorize better when there are images. The latter express better and convey the message easily.</p>
The post <a href="https://creativas.io/how-to-use-smart-images-for-confluence">How to use Smart Images for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p data-renderer-start-pos="385"><a class="sc-jqCOkK hdFCoC" style="font-size: inherit;" title="https://rocketium.com/academy/impact-visual-content-marketing/#The_Benefits_of_Visual_Content_in_Marketing" href="https://rocketium.com/academy/impact-visual-content-marketing/#The_Benefits_of_Visual_Content_in_Marketing" data-renderer-mark="true">Visual data is processed <strong data-renderer-mark="true">60,000</strong> times faster by the brain than text</a><span style="font-size: inherit;">. As we, human beings, are visual creatures, our eyes get attracted to visuals more than text. It is a fact that images are more powerful than texts. We give attention to images quickly. We learn faster when there are infographics. We memorize better when there are images. The latter express better and convey the message easily.</span></p>
<p data-renderer-start-pos="385">Linking that to organizations who use Confluence pages, they surely need more images in their Confluence pages.</p>
<p data-renderer-start-pos="492">As <a class="sc-jqCOkK hdFCoC" title="https://www.atlassian.com/software/confluence" href="https://www.atlassian.com/software/confluence" data-renderer-mark="true"><span id="59b7bd06-6d0a-4005-94b9-60f3cad8f484" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="59b7bd06-6d0a-4005-94b9-60f3cad8f484">Confluence</span></a><span id="59b7bd06-6d0a-4005-94b9-60f3cad8f484" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="59b7bd06-6d0a-4005-94b9-60f3cad8f484"> editor doesn’t support image editing, </span>we developed <a class="sc-jqCOkK hdFCoC" title="https://marketplace.atlassian.com/apps/1225000/?tab=overview&amp;hosting=cloud" href="https://marketplace.atlassian.com/apps/1225000/?tab=overview&amp;hosting=cloud" data-renderer-mark="true">Smart Images</a> to provide Confluence users with a full editing toolkit.</p>
<p data-renderer-start-pos="628">Thinking of what you can do with Smart Images on your Confluence page,<span id="275553fc-db21-4c6d-9a86-301c5c401d27" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="275553fc-db21-4c6d-9a86-301c5c401d27"> we thought of two use cases and we tried to demonstrate them for you</span>.</p>
<h3 data-renderer-start-pos="1911">1. Onboarding new hires:</h3>
<p data-renderer-start-pos="785">If you are expecting newbies, they need to<a class="sc-jqCOkK hdFCoC" title="https://creativas.io/contribute-to-team-building-in-post-covid-era-using-smart-courses-for-confluence" href="https://creativas.io/contribute-to-team-building-in-post-covid-era-using-smart-courses-for-confluence" data-renderer-mark="true"> know the team</a> and learn about them. You can present your team virtually like the below illustration. Prepare your frame before and then insert it into Smart Images and <a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" data-renderer-mark="true">annotate</a> your frame as you want.</p>
<p data-renderer-start-pos="785">Here is an example of how we introduce Creativas&#8217; squad for the newbies.</p>
<figure id="attachment_2444" aria-describedby="caption-attachment-2444" style="width: 1900px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/10/mmettheteamep1-fast.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2444 size-full" src="https://creativas.io/wp-content/uploads/2021/10/mmettheteamep1-fast.gif" alt="" width="1900" height="881"></a><figcaption id="caption-attachment-2444" class="wp-caption-text">How to annotate your images</figcaption></figure>
<p data-renderer-start-pos="1137">We mentioned before in our blog post “<a class="sc-jqCOkK hdFCoC" title="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" href="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" data-renderer-mark="true">The remote onboarding in the era of COVID-19: for Confluence users only</a>” two ways for presenting your team. Either through short videos or virtual get-togethers.</p>
<p data-renderer-start-pos="1338">Well, in addition to those, here’s another trick. A cool feature in Smart Images for Confluence is used in this and it’s called <a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/smart-images/image-maps-8913004.html" href="https://help.creativas.io/smart-images/image-maps-8913004.html" data-renderer-mark="true">image maps</a>. You can add links or you can insert other Confluence pages. In our case, we thought of introducing the team via their LinkedIn profiles.</p>
<figure id="attachment_2445" aria-describedby="caption-attachment-2445" style="width: 1900px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/10/Linkedin-linking-fast.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2445 size-full" src="https://creativas.io/wp-content/uploads/2021/10/Linkedin-linking-fast.gif" alt="" width="1900" height="880"></a><figcaption id="caption-attachment-2445" class="wp-caption-text">How to edit maps in Smart Images for Confluence</figcaption></figure>
<p>Check this sample <a href="https://demo.creativas.io/wiki/x/BAD3AQ">Confluence page</a> that we are using during <a class="sc-jqCOkK hdFCoC" title="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" href="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" data-renderer-mark="true">onboarding</a>.</p>
<p><a href="https://creativas.io/wp-content/uploads/2021/10/confluece-page.png" data-fancybox><img loading="lazy" decoding="async" class="aligncenter wp-image-2446 size-full" src="https://creativas.io/wp-content/uploads/2021/10/confluece-page.png" alt="" width="1917" height="901" srcset="https://creativas.io/wp-content/uploads/2021/10/confluece-page.png 1917w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-300x141.png 300w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-1024x481.png 1024w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-768x361.png 768w, https://creativas.io/wp-content/uploads/2021/10/confluece-page-1536x722.png 1536w" sizes="(max-width: 1917px) 100vw, 1917px" /></a></p>
<h3>2. Product Presentation</h3>
<p data-renderer-start-pos="1766">I<span id="3bb4569d-4ba7-4e76-9fe1-2d96e9e12f07" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="3bb4569d-4ba7-4e76-9fe1-2d96e9e12f07">ntroducing and explaining the company’s produ</span>cts to newbies take time and effort. In the same <a class="sc-jqCOkK hdFCoC" title="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" href="https://creativas.io/the-remote-onboarding-in-the-era-of-covid-19-for-confluence-users-only" data-renderer-mark="true">blog post</a> we mentioned earlier, we talked about our case in introducing tools we use in our company within <a class="sc-jqCOkK hdFCoC" title="https://marketplace.atlassian.com/apps/1216979/smart-courses-for-confluence-lms?hosting=cloud&amp;tab=overview" href="https://marketplace.atlassian.com/apps/1216979/smart-courses-for-confluence-lms?hosting=cloud&amp;tab=overview" data-renderer-mark="true">Smart Courses</a>, one of <a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/" href="https://help.creativas.io/" data-renderer-mark="true">our apps</a> for Confluence.</p>
<p data-renderer-start-pos="2021">In fact, we granted you a different way with Smart Images for Confluence. To avoid confusing the newbies with the accumulated information, links, and tools, you can put everything all in one place. For example, insert<span id="ac340f9c-10dc-4671-b353-2df29aeca40f" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="ac340f9c-10dc-4671-b353-2df29aeca40f"> the different screenshots of your products in a </span><a class="sc-jqCOkK hdFCoC" title="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" data-renderer-mark="true"><span id="ac340f9c-10dc-4671-b353-2df29aeca40f" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="ac340f9c-10dc-4671-b353-2df29aeca40f">slider</span></a><span id="ac340f9c-10dc-4671-b353-2df29aeca40f" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="ac340f9c-10dc-4671-b353-2df29aeca40f"> and link each one to its documentation or other resources.</span> The newbies <span id="e4614bfb-b9ac-4a43-b6cd-2f0d744be65b" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="e4614bfb-b9ac-4a43-b6cd-2f0d744be65b">will </span>refer to these images every time they need to see a piece of information, <span id="342b359d-cfc8-42f4-81bd-0869c381100d" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="342b359d-cfc8-42f4-81bd-0869c381100d">at least during the first phase of onboarding. </span></p>
<figure id="attachment_2452" aria-describedby="caption-attachment-2452" style="width: 1900px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/10/Image-link-and-slider-fast.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2452 size-full" src="https://creativas.io/wp-content/uploads/2021/10/Image-link-and-slider-fast.gif" alt="" width="1900" height="880"></a><figcaption id="caption-attachment-2452" class="wp-caption-text">How to add an image link and create a slider</figcaption></figure>
<p data-pm-slice="1 1 []">This is what the <a href="https://demo.creativas.io/wiki/x/BAD3AQ">slider</a> will look like to the newbie.</p>
<p data-pm-slice="1 1 []"><a href="https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider.png" data-fancybox><img loading="lazy" decoding="async" class="aligncenter wp-image-2453 size-full" src="https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider.png" alt="" width="1915" height="898" srcset="https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider.png 1915w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-300x141.png 300w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-1024x480.png 1024w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-768x360.png 768w, https://creativas.io/wp-content/uploads/2021/10/confluence-page-slider-1536x720.png 1536w" sizes="(max-width: 1915px) 100vw, 1915px" /></a></p>


<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/smart-images/"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn.primary {
    background: #003F9E;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
  }
  .cta-btn.primary:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn.secondary {
    background: #E5EFFE;
    color: #003F9E !important;
    border: 1px solid #003F9E;
  }
  .cta-btn.secondary:hover {
    background: #D0E4FD;
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>




<p></p>
<div class="clearfix"></div>The post <a href="https://creativas.io/how-to-use-smart-images-for-confluence">How to use Smart Images for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/how-to-use-smart-images-for-confluence/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to insert an image differently in Smart Images for Confluence</title>
		<link>https://creativas.io/how-to-insert-an-image-differently-in-smart-images-for-confluence</link>
					<comments>https://creativas.io/how-to-insert-an-image-differently-in-smart-images-for-confluence#respond</comments>
		
		<dc:creator><![CDATA[Salma Sahnoun]]></dc:creator>
		<pubDate>Tue, 14 Sep 2021 15:49:20 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Confluence]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=2343</guid>

					<description><![CDATA[<p>Smart Images for Confluence is an image editor app that enables Confluence users to easily manipulate their pages and images without referring to a third-party tool. Time saver is what best describes this app as it collects many features all in one place or as we call it the all-in-one image toolkit.</p>
The post <a href="https://creativas.io/how-to-insert-an-image-differently-in-smart-images-for-confluence">How to insert an image differently in Smart Images for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p data-pm-slice="1 1 []"><a href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview">Smart Images for Confluence</a> is an image editor app that enables <a href="https://www.atlassian.com/software/confluence">Confluence</a> users to easily manipulate their pages and images without referring to a third-party tool. Time saver is what best describes this app as it collects many feature<span class="fabric-editor-annotation" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="1ded9bff-2542-4eae-a530-d3280325916a">s all in one place</span> or as we call it the <a href="https://creativas.io/discover-smart-images-for-confluence">all-in-one image toolkit</a>.</p>
<p data-pm-slice="1 1 []">Smart Images for Confluence <a href="https://help.creativas.io/smart-images/smart-images-macro-8912998.html#SmartImagesmacro-FromtheEditorMenu">editor</a> allows you to add many types of images to your Confluence page: png, jpg, jpeg, gif, BMP, webP. You can insert these in 4 different ways.</p>
<h3 data-renderer-start-pos="1911">1. Upload images</h3>
<p data-pm-slice="1 1 []">This is the quickest and easiest way to <a href="https://help.creativas.io/smart-images/adding-images-8913000.html#Addingimages-1.Source">insert an image </a>into your Confluence page. It gives you two methods to do so. The first one is to choose&nbsp;<strong>upload images</strong>&nbsp;and then click on<strong>&nbsp;select files.</strong>&nbsp;Pick whatever image you desire, and you&#8217;re good to go.</p>
<figure id="attachment_2345" aria-describedby="caption-attachment-2345" style="width: 1906px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/09/Upload-images-1.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2345 size-full" src="https://creativas.io/wp-content/uploads/2021/09/Upload-images-1.gif" alt="" width="1906" height="914"></a><figcaption id="caption-attachment-2345" class="wp-caption-text">Select files</figcaption></figure>
<p data-pm-slice="1 1 []">The second one is to simply <strong>drag and drop</strong> images directly from your browser.&nbsp;</p>
<figure id="attachment_2346" aria-describedby="caption-attachment-2346" style="width: 1906px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/09/drag-and-drop.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2346 size-full" src="https://creativas.io/wp-content/uploads/2021/09/drag-and-drop.gif" alt="" width="1906" height="914"></a><figcaption id="caption-attachment-2346" class="wp-caption-text">Drag and drop</figcaption></figure>
<h3>2. Browse space</h3>
<p data-pm-slice="1 1 []">Confluence is built out of spaces and w<span class="fabric-editor-annotation" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="aaefd9f4-24db-4e61-9d37-6eb4e1043c20">ith Smart images for Confluence, you can add images from these spaces.</span> Choose the option <strong>browse space</strong> and select which Confluence space you&#8217;d like to take your images from.&nbsp;</p>
<figure id="attachment_2347" aria-describedby="caption-attachment-2347" style="width: 1906px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/09/Browse-space.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2347 size-full" src="https://creativas.io/wp-content/uploads/2021/09/Browse-space.gif" alt="" width="1906" height="914"></a><figcaption id="caption-attachment-2347" class="wp-caption-text">Browse your Confluence space</figcaption></figure>
<h3>3. Import from page</h3>
<p data-pm-slice="1 1 []">To save time, Smart Images for Confluence allows you to <strong>import images</strong> from page to page with a simple click. Just type the page&#8217;s name you&#8217;d like to search, and the different images will pop up. You can pick the concerned ones.</p>
<figure id="attachment_2348" aria-describedby="caption-attachment-2348" style="width: 1906px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/09/import-from-page.gif" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2348 size-full" src="https://creativas.io/wp-content/uploads/2021/09/import-from-page.gif" alt="" width="1906" height="914"></a><figcaption id="caption-attachment-2348" class="wp-caption-text">Import from page</figcaption></figure>
<h3 data-renderer-start-pos="3075">4. External link</h3>
<p data-pm-slice="1 1 []">You can simply <strong>copy-paste the URL link</strong> of the image, and it will show up. However, a small <a href="https://help.creativas.io/smart-images/adding-images-8913000.html#external-images">error </a>may sometimes occur if the host is securing or blocking its content from <span class="fabric-editor-annotation" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="d4860da4-39bb-477e-9689-16b5661c28b9">being displayed.</span> Do not hesitate in that case, to manually download the image and insert it using the built-in uploader (the first option of the list above).</p>
<figure id="attachment_2349" aria-describedby="caption-attachment-2349" style="width: 524px" class="wp-caption aligncenter"><a href="https://creativas.io/wp-content/uploads/2021/09/Error.png" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2349 size-full" src="https://creativas.io/wp-content/uploads/2021/09/Error.png" alt="" width="524" height="150" srcset="https://creativas.io/wp-content/uploads/2021/09/Error.png 524w, https://creativas.io/wp-content/uploads/2021/09/Error-300x86.png 300w" sizes="(max-width: 524px) 100vw, 524px" /></a><figcaption id="caption-attachment-2349" class="wp-caption-text">External links error</figcaption></figure>


<div class="cta-wrapper">
  <a
    href="https://creativas.io/wp-content/uploads/2021/09/Smart-Images-at-a-glance.pdf"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Read full guide
  </a>

  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/smart-images/"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn.primary {
    background: #003F9E;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
  }
  .cta-btn.primary:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn.secondary {
    background: #E5EFFE;
    color: #003F9E !important;
    border: 1px solid #003F9E;
  }
  .cta-btn.secondary:hover {
    background: #D0E4FD;
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>

<div class="clearfix"></div>The post <a href="https://creativas.io/how-to-insert-an-image-differently-in-smart-images-for-confluence">How to insert an image differently in Smart Images for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/how-to-insert-an-image-differently-in-smart-images-for-confluence/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Discover Smart Images  for Confluence</title>
		<link>https://creativas.io/discover-smart-images-for-confluence</link>
					<comments>https://creativas.io/discover-smart-images-for-confluence#respond</comments>
		
		<dc:creator><![CDATA[Salma Sahnoun]]></dc:creator>
		<pubDate>Tue, 31 Aug 2021 10:07:56 +0000</pubDate>
				<category><![CDATA[Smart Images]]></category>
		<category><![CDATA[Confluence]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[Image maps]]></category>
		<category><![CDATA[Sliders]]></category>
		<category><![CDATA[Tables]]></category>
		<guid isPermaLink="false">https://creativas.io/?p=2289</guid>

					<description><![CDATA[<p>Confluence is a great tool that enables users to collaborate and create outstanding pages with rich content through tables, images, macros...When it comes to Images, the native actions are limited to image alignment, insert links or write captions. So if the user needs to perform additional actions like cropping, adding filters, or adding annotation, the image needs to be processed via 3d-party-tools before being uploaded to Confluence. </p>
The post <a href="https://creativas.io/discover-smart-images-for-confluence">Discover Smart Images  for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></description>
										<content:encoded><![CDATA[<p data-renderer-start-pos="1250"><a class="editor-rtfLink" href="https://www.atlassian.com/software/confluence" target="_blank" rel="noopener noreferrer"><span data-preserver-spaces="true">Confluence</span></a><span data-preserver-spaces="true">&nbsp;is a great tool that enables users to collaborate and create outstanding pages with rich content through tables, images, macros&#8230;When it comes to Images, the native actions are limited to image alignment, insert links or write captions. So if the user needs to perform additional actions like cropping, adding filters, or adding annotation, the image needs to be processed via 3d-party-tools before being uploaded to Confluence.&nbsp;</span></p>
<p><span data-preserver-spaces="true">But what about having a full image-editing tool inside Confluence?&nbsp;</span></p>
<p><span data-preserver-spaces="true">It will definitely save time to users and provide a seamless image experience within Confluence.&nbsp;</span></p>
<p><span data-preserver-spaces="true">Creativas&#8217; team thought about a solution that fills that gap and took the challenge to even go beyond a basic image editing tool to provide an all-in-one image toolkit.</span></p>
<p><span data-preserver-spaces="true">Creativas just released a new Confluence app: &#8220;</span><a class="editor-rtfLink" href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview" target="_blank" rel="noopener noreferrer"><span data-preserver-spaces="true">Smart Images</span></a><span data-preserver-spaces="true">&#8221; which makes it possible to edit images, undo changes, add image maps, create sliders and galleries, and much more. You can now take your Confluence pages to the next level and spice them up with the numerous features of Smart Images for Confluence.</span></p>
<p><iframe title="Smart Images for Confluence - All in one image toolkit" width="1170" height="658" src="https://www.youtube.com/embed/hZOAeTuvgJM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p style="text-align: center;"><span id="01d6e580-b0fc-4856-887c-cc5a49c696b4" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="01d6e580-b0fc-4856-887c-cc5a49c696b4">Smart Images for Confluence: All in one image toolkit for Confluence</span></p>
<p data-renderer-start-pos="1885"><strong data-renderer-mark="true">What are the key features?</strong></p>
<p data-renderer-start-pos="1911">We are thrilled to announce the main features of Smart Images for Confluence:</p>
<h3 data-renderer-start-pos="1911">1. Powerful image uploader</h3>
<p data-renderer-start-pos="2063">Don&#8217;t be lost between tabs, folders, Confluence pages &amp; spaces, or web images!<br>Smart Images makes it smooth to pull images within Confluence page; simply drag and drop images or browse your system to <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/adding-images-8913000.html" href="https://help.creativas.io/smart-images/adding-images-8913000.html" data-renderer-mark="true">upload images </a>or you can just select them from a chosen Confluence <span id="678b7257-801f-4a1b-8935-754967dd78f2" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="678b7257-801f-4a1b-8935-754967dd78f2">page or space.</span></p>
<figure id="attachment_2290" aria-describedby="caption-attachment-2290" style="width: 1920px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/08/adding_images.png" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2290 size-full" src="https://creativas.io/wp-content/uploads/2021/08/adding_images.png" alt="" width="1920" height="1080" srcset="https://creativas.io/wp-content/uploads/2021/08/adding_images.png 1920w, https://creativas.io/wp-content/uploads/2021/08/adding_images-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/adding_images-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/adding_images-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/adding_images-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a><figcaption id="caption-attachment-2290" class="wp-caption-text">Add images to Confluence page with Smart Images</figcaption></figure>
<h3>2. Comprehensive image editor</h3>
<p>Smart Images provides a Graphic Designer image editing experience:&nbsp;</p>
<ul>
<li><a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-1.Annotate" data-renderer-mark="true">Annotate</a>: Drawing tool, Lines, Arrows, Rectangle, Ellipse, and dynamic text editor</li>
<li><a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Crop" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Crop" data-renderer-mark="true">Crop</a>, rotate, flip, and zoom</li>
<li><a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Finetune" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-2.Finetune" data-renderer-mark="true">Finetune</a> Brightness, Contrast, Saturation, Exposure, Temperature, Gamma, Clarity, and Vignette</li>
<li>Add artistic <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-3.Filter" href="https://help.creativas.io/smart-images/image-editor-8913002.html#Imageeditor-3.Filter" data-renderer-mark="true">filters</a></li>
</ul>

<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_annotate"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_annotate.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_crop"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_crop.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_crop.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_finetune"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_finetune.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="image_editor_filters"  href='https://creativas.io/wp-content/uploads/2021/08/image_editor_filters.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/image_editor_filters.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<p>You can easily update any change made to the images without worrying about versioning. Smart Images editor preserves your changes, so your edits are stored separately.</p>
<h3>3. Image maps editor</h3>
<p data-renderer-start-pos="2643">Whether you need a Rectangle, Circle, or Polygon, you can <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/image-maps-8913004.html" href="https://help.creativas.io/smart-images/image-maps-8913004.html" data-renderer-mark="true">add </a> image maps via these <span id="2b666e56-83cf-469a-9a0b-bf0fbc5816dd" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="2b666e56-83cf-469a-9a0b-bf0fbc5816dd">different shape</span>s in your image.<span id="c9aea698-bcd8-49b1-9d95-9caacc9d2115" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="c9aea698-bcd8-49b1-9d95-9caacc9d2115"> Image maps serve</span> to draw clickable areas directly on the image. For example, select a Confluence page or set an URL as a target for the shape.</p>
<figure id="attachment_2296" aria-describedby="caption-attachment-2296" style="width: 1920px" class="wp-caption alignnone"><a href="https://creativas.io/wp-content/uploads/2021/08/image_maps.png" data-fancybox><img loading="lazy" decoding="async" class="wp-image-2296 size-full" src="https://creativas.io/wp-content/uploads/2021/08/image_maps.png" alt="" width="1920" height="1080" srcset="https://creativas.io/wp-content/uploads/2021/08/image_maps.png 1920w, https://creativas.io/wp-content/uploads/2021/08/image_maps-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/image_maps-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/image_maps-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/image_maps-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a><figcaption id="caption-attachment-2296" class="wp-caption-text">Smart Images for Confluence: Image maps</figcaption></figure>
<h3 data-renderer-start-pos="3075">4. Fully customizable Sliders and Galleries</h3>
<p data-renderer-start-pos="3380">To customize your Confluence <span id="4fd2d644-88d5-4461-a6a5-8f7f8b3e75d5" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="4fd2d644-88d5-4461-a6a5-8f7f8b3e75d5">image-</span>set and display multiple images through elegant and responsive <a class="sc-cHGsZl lirsdj" title="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" href="https://help.creativas.io/smart-images/sliders-galleries-8913006.html" data-renderer-mark="true">sliders or galleries</a>, this is the appropriate feature for you<span id="223d9fd5-724b-498d-b7a4-4fb17fbb94c8" data-renderer-mark="true" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="223d9fd5-724b-498d-b7a4-4fb17fbb94c8"> where </span>you can:</p>
<ul>
<li data-renderer-start-pos="3380">Add Sliders and Galleries skins: Light, White or Dark</li>
<li data-renderer-start-pos="3380">Control navigation arrows, randomize images, add bullets or thumbnails</li>
<li data-renderer-start-pos="3380">Configure slider size and set image scaling</li>
<li data-renderer-start-pos="3380">Customize transition type, delay, and autoplay</li>
<li data-renderer-start-pos="3380">Easily switch to Full-screen mode</li>
</ul>

<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="slider_options"  href='https://creativas.io/wp-content/uploads/2021/08/slider_options.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/slider_options-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/slider_options-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/slider_options-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/slider_options-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/slider_options-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/slider_options.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<a data-fancybox="fancy-gallery" data-options="{&quot;loop&quot;:true}" title="gallery_options"  href='https://creativas.io/wp-content/uploads/2021/08/gallery_options.png'><img loading="lazy" decoding="async" width="300" height="169" src="https://creativas.io/wp-content/uploads/2021/08/gallery_options-300x169.png" class="attachment-medium size-medium" alt="" srcset="https://creativas.io/wp-content/uploads/2021/08/gallery_options-300x169.png 300w, https://creativas.io/wp-content/uploads/2021/08/gallery_options-1024x576.png 1024w, https://creativas.io/wp-content/uploads/2021/08/gallery_options-768x432.png 768w, https://creativas.io/wp-content/uploads/2021/08/gallery_options-1536x864.png 1536w, https://creativas.io/wp-content/uploads/2021/08/gallery_options.png 1920w" sizes="(max-width: 300px) 100vw, 300px" /></a>

<h5 data-renderer-start-pos="3787"><em><a class="sc-nrwXf ivihBf" title="https://marketplace.atlassian.com/apps/1216979/learnup-for-confluence-lms?hosting=server&amp;tab=overview" href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&amp;tab=overview" data-renderer-mark="true">Try Smart Images for Confluence</a></em></h5>
<h5 data-renderer-start-pos="3787"><em><a class="sc-nrwXf ivihBf" title="https://marketplace.atlassian.com/apps/1216979/learnup-for-confluence-lms?hosting=server&amp;tab=overview" href="https://help.creativas.io/smart-images/" data-renderer-mark="true">Learn about Smart Images&nbsp;for Confluence</a></em></h5>


<div class="cta-wrapper">
  <a
    href="https://marketplace.atlassian.com/apps/1225000/smart-images-for-confluence?hosting=cloud&#038;tab=overview"
    class="cta-btn primary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Try Smart Images for Confluence
  </a>

  <a
    href="https://help.creativas.io/smart-images/"
    class="cta-btn secondary"
    target="_blank"
    rel="noopener noreferrer"
  >
    Learn about Smart Images
  </a>
</div>

<style>
  .cta-wrapper {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  .cta-btn {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.06s ease;
  }
  .cta-btn.primary {
    background: #003F9E;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(4, 100, 156, 0.25);
  }
  .cta-btn.primary:hover {
    background: #0065FF;
    box-shadow: 0 10px 24px rgba(4, 100, 156, 0.35);
  }
  .cta-btn.secondary {
    background: #E5EFFE;
    color: #003F9E !important;
    border: 1px solid #003F9E;
  }
  .cta-btn.secondary:hover {
    background: #D0E4FD;
  }
  .cta-btn:active {
    transform: translateY(1px);
  }
</style>

<div class="clearfix"></div>The post <a href="https://creativas.io/discover-smart-images-for-confluence">Discover Smart Images  for Confluence</a> first appeared on <a href="https://creativas.io">Creativas</a>.]]></content:encoded>
					
					<wfw:commentRss>https://creativas.io/discover-smart-images-for-confluence/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
