Open Graph Generator v1.0

Fill in required fields.

Title

Site Name

Site URL

Description

Type

Number of Images

Code

Copy your code.

<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:type" content="">

About Open Graph Generator

An open graph generator creates the HTML meta tags that control how your web pages look when someone shares them on Facebook, LinkedIn, Pinterest, WhatsApp, or Slack. ToolsPivot's open graph generator supports 27+ content types (from articles and products to music, video, and restaurant menus), produces copy-ready code instantly, and requires no account or sign-up to use.

How to Use ToolsPivot's Open Graph Generator

Enter your page title: Type the title you want displayed in social media previews. Keep it under 60 characters so platforms don't cut it off mid-sentence.
Add a site name: Fill in the name of your website or brand. This appears alongside the title in most social previews.
Paste the page URL: Enter the full URL of the page you're generating tags for. Use the canonical version if you have duplicate pages.
Write a description: Summarize the page content in 155-160 characters. This text shows beneath the title on Facebook and LinkedIn link cards.
Select a content type: Pick from the dropdown menu: Article, Product, Website, Video, Music, Business, Restaurant, Profile, and more. The type tells social platforms how to categorize your link.
Choose the number of images: Select between 1 and 10 og:image slots depending on how many preview images your page needs.
Copy the generated code: The tool outputs clean meta tag markup instantly. Hit the Copy button, then paste the tags inside the section of your page's HTML.

What ToolsPivot's Open Graph Generator Does

The generator takes your page details and converts them into properly formatted OG meta tags that social platforms can read. Here's what each output tag controls.

og:title tag: Sets the clickable headline displayed in link previews. Facebook truncates titles beyond roughly 88 characters, but 60 or fewer is the sweet spot for full visibility on all platforms.
og:site_name tag: Identifies your brand or website name. This appears as secondary text on Facebook cards and helps users recognize the source before clicking.
og:url tag: Points to the canonical URL of your content. If someone shares a non-canonical version, the platform still pulls the correct page data.
og:description tag: Provides the summary text beneath the headline. Think of it as the social media equivalent of a meta description for search results.
og:type tag: Tells platforms what kind of content they're dealing with. The generator supports over 27 types including article, product, business, music.song, video.movie, restaurant.menu, and profile.
Multiple og:image slots: You can specify up to 10 images per page. Each image gets its own meta tag, letting platforms choose the best one or display a gallery.

Once generated, the code is valid HTML you can drop directly into your page header. No cleanup, no reformatting. If you need to check whether existing pages already have OG tags before creating new ones, run them through the open graph checker first.

Why Use ToolsPivot's Open Graph Generator

No account required: Generate as many tag sets as you need without signing up, logging in, or handing over an email address. Some competing tools gate their output behind a free trial or registration wall.
27+ content types: Most generators only offer 5-8 types (website, article, product, video). This tool covers niche types like restaurant.menu, music.playlist, book.author, fitness.course, and election. If your content fits a specific category, the right og:type helps platforms display it correctly.
Multi-image support: Need more than one preview image? Select up to 10 og:image slots. This is useful for product pages, portfolios, and galleries where a single image doesn't tell the full story.
Clean, copy-ready output: The generated code uses proper property attributes and content values with no extra markup, no inline styles, and no JavaScript dependencies. Paste it in and it works.
Works with any platform: The tags are recognized by Facebook, LinkedIn, Pinterest, WhatsApp, Slack, Discord, iMessage, and Telegram. You write the tags once, and every platform that supports the Open Graph protocol reads them.
Pairs with SEO metadata: OG tags cover social sharing, but you still need standard meta tags for search engines. Use ToolsPivot's meta tag generator alongside this tool to build a complete section.
Zero data storage: Everything runs client-side. Your titles, descriptions, and URLs aren't logged, saved, or sent to a third-party server.

Picking the Right og:type for Your Page

Most people default to "website" for every page. That works, but it's not always the best choice. The og:type tag tells Facebook and LinkedIn what kind of content you're sharing, and different types can trigger different display formats.

For blog posts and news articles, select "article." Facebook uses this type to pull in publish dates and author metadata when available. Product pages should use "product" so platforms know the shared link relates to something someone can buy. If you're sharing a video landing page, "video.movie" or "video.other" lets platforms recognize the media and sometimes display inline playback controls.

This generator goes further than most. Running a restaurant site? There's a dedicated "restaurant" type, plus "restaurant.menu," "restaurant.menu.item," and "restaurant.menu.section" for individual pages. Music sites can use "music.song," "music.album," "music.playlist," or "music.radio_station." These niche types add semantic context that platforms use internally.

Not sure which type to pick? Check how your Twitter cards and Facebook previews render with the generic "website" type first. If the preview looks right, you might not need to change it. But if you want richer metadata or you're building structured content, pick the specific type that matches.

OG Image Specs That Actually Matter

The og:image tag has more impact on click-through rates than any other OG property. A missing or incorrectly sized image can drop engagement by 50% or more compared to a properly configured preview card.

Platform	Recommended Size	Aspect Ratio	Minimum Size
Facebook	1200 x 630 px	1.91:1	200 x 200 px
LinkedIn	1200 x 627 px	1.91:1	200 x 200 px
Pinterest	1000 x 1500 px	2:3	600 x 600 px
WhatsApp	1200 x 630 px	1.91:1	300 x 200 px

Aim for 1200 x 630 pixels as your default. That size works well across Facebook, LinkedIn, WhatsApp, and Slack without cropping issues. Keep the file under 5 MB (JPEG for photos, PNG for graphics with text). If your images are larger than they need to be, run them through an image compressor before uploading. Need to crop to exact OG dimensions? The image resizer handles that.

One thing people miss: include og:image:width and og:image:height tags alongside your og:image URL. Without explicit dimensions, Facebook has to fetch and measure the image before it can display a preview. That means the first person to share your link might see a blank thumbnail while Facebook loads the image in the background.

Who Needs an Open Graph Generator

Content marketers publishing blog posts

Every article you publish gets shared on social media, whether by you or your readers. Without OG tags, Facebook and LinkedIn pull whatever text and image they find first on the page. That often means a sidebar ad, a logo, or a random stock photo instead of your featured image. Generate tags before each post goes live, then verify them with the meta tags analyzer after implementation.

E-commerce managers running product campaigns

Product pages shared on Facebook need to show the product image, name, and price at a glance. Setting og:type to "product" and writing a description that highlights the key selling point (not just a generic product blurb) makes shared links look like mini ads. Pair OG tags with schema markup for even richer search and social visibility.

Freelance web developers building client sites

Clients rarely think about OG tags until they share their new site on LinkedIn and see a broken preview. Building OG tag generation into your delivery workflow takes about 2 minutes per page and avoids the awkward "why does my site look weird on Facebook?" email a week after launch. Run a full SEO check and a page speed test before handing off the project.

Social media managers at agencies

Managing 5-10 client accounts means dozens of shared links per week. Mismatched thumbnails and truncated titles make your client's brand look unprofessional. Create tags for every campaign URL, then track performance with the social stats checker.

Testing OG Tags After You Add Them

Generating the tags is half the job. You also need to confirm they're working on each platform. Here's the testing process that catches most issues.

Start with Facebook's Sharing Debugger (developers.facebook.com/tools/debug). Paste your URL, hit "Debug," and check the preview card. If it shows the wrong image or title, Facebook might be serving a cached version of your page from before you added OG tags. Click "Scrape Again" to force a refresh.

For LinkedIn, use the Post Inspector (linkedin.com/post-inspector). Same idea: paste the URL, review the preview. LinkedIn caches aggressively, so you may need to inspect the URL twice before it pulls the updated tags.

Common problems and fixes:

Wrong image showing: The og:image URL is probably relative (like /images/hero.jpg) instead of absolute (like https://yoursite.com/images/hero.jpg). OG tags require full URLs.
No preview at all: Check that your tags sit inside the section, not the . Tags in the body are invalid and get ignored.
Image too small: Below 200 x 200 pixels, Facebook shows a tiny thumbnail instead of a large card. Resize to at least 1200 x 630.

Before debugging, double-check that the tags exist on the live page by viewing the source code or using a tag validation tool to confirm nothing got lost during deployment.

Common Questions About Open Graph Tags

What are open graph tags?

Open graph tags are HTML meta elements placed in a page's section that control how the page appears when shared on social media. Facebook created the Open Graph protocol in 2010, and platforms like LinkedIn, Pinterest, WhatsApp, Slack, and Discord now support it too. The four required tags are og:title, og:type, og:image, and og:url.

Is ToolsPivot's open graph generator free?

Yes, 100% free with no usage limits. You don't need to create an account, enter an email, or install anything. Generate tags for as many pages as you need, as often as you need.

Do open graph tags affect SEO rankings?

OG tags don't directly influence Google search rankings. Google ignores them during indexing and uses standard meta tags and page content instead. But well-configured OG tags drive higher click-through rates on social media, which can increase traffic, backlinks, and brand searches. Those signals do affect SEO indirectly.

What happens if I don't add OG tags to my page?

Social platforms guess. Facebook's crawler scans the page and pulls whatever title, image, and text it finds first. The result is usually a mismatched image, a truncated headline, or a description pulled from random page text. Pages without OG tags see up to 50% lower engagement on shared links compared to pages with proper tags.

Can I use the same OG tags on every page?

You shouldn't. Each page needs unique og:title, og:description, og:image, and og:url values that match that specific page's content. Reusing the same tags across your site means every shared link looks identical, which confuses users and hurts click-through rates.

What's the difference between open graph tags and Twitter cards?

Open Graph tags were created by Facebook and are used by most social platforms. Twitter (now X) developed its own format called Twitter Cards with tags like twitter:title and twitter:image. If Twitter can't find its own card tags on a page, it falls back to OG tags. For full coverage, add both. ToolsPivot's Twitter card generator handles the Twitter-specific tags.

How do I add OG tags to WordPress?

Two options. You can paste the generated code directly into your theme's header.php file, or you can use an SEO plugin like Yoast SEO or Rank Math that adds OG fields to each post editor. The plugin route is easier for non-developers because it lets you set tags per page without editing theme files.

Do OG tags work on WhatsApp and Slack?

Yes. Both WhatsApp and Slack read Open Graph tags to build link previews in conversations. When someone pastes a URL into a WhatsApp chat or Slack channel, the app fetches the page's OG tags and displays a preview card with the image, title, and description you set.

What size should my OG image be?

Use 1200 x 630 pixels with a 1.91:1 aspect ratio as the default. This size displays as a large preview card on Facebook, LinkedIn, and WhatsApp. Images smaller than 600 x 315 pixels appear as small thumbnails, which get significantly fewer clicks. Keep file size under 5 MB.

How often should I update my OG tags?

Update them whenever the page content changes meaningfully, like a new featured image, a revised headline, or a rewritten description. If you're running A/B tests on social headlines, you can update the og:title independently of the page's regular title tag. After any update, re-scrape the URL in Facebook's Sharing Debugger to clear the cached version. You can also use the AI meta title generator to brainstorm title variations quickly.

Can I use different titles for SEO and social media?

Absolutely. Your page's </code> tag targets search engines, while og:title targets social platforms. They can be completely different. Many marketers write a keyword-focused title for Google and a more click-driven, curiosity-sparking title for Facebook and LinkedIn shares.</p> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What are open graph tags?", "acceptedAnswer": { "@type": "Answer", "text": "Open graph tags are HTML meta elements placed in a page's head section that control how the page appears when shared on social media. Facebook created the Open Graph protocol in 2010, and platforms like LinkedIn, Pinterest, WhatsApp, Slack, and Discord now support it too. The four required tags are og:title, og:type, og:image, and og:url." } }, { "@type": "Question", "name": "Is ToolsPivot's open graph generator free?", "acceptedAnswer": { "@type": "Answer", "text": "Yes, 100% free with no usage limits. You don't need to create an account, enter an email, or install anything. Generate tags for as many pages as you need, as often as you need." } }, { "@type": "Question", "name": "Do open graph tags affect SEO rankings?", "acceptedAnswer": { "@type": "Answer", "text": "OG tags don't directly influence Google search rankings. Google ignores them during indexing and uses standard meta tags and page content instead. But well-configured OG tags drive higher click-through rates on social media, which can increase traffic, backlinks, and brand searches. Those signals do affect SEO indirectly." } }, { "@type": "Question", "name": "What happens if I don't add OG tags to my page?", "acceptedAnswer": { "@type": "Answer", "text": "Social platforms guess. Facebook's crawler scans the page and pulls whatever title, image, and text it finds first. The result is usually a mismatched image, a truncated headline, or a description pulled from random page text. Pages without OG tags see up to 50% lower engagement on shared links compared to pages with proper tags." } }, { "@type": "Question", "name": "Can I use the same OG tags on every page?", "acceptedAnswer": { "@type": "Answer", "text": "You shouldn't. Each page needs unique og:title, og:description, og:image, and og:url values that match that specific page's content. Reusing the same tags across your site means every shared link looks identical, which confuses users and hurts click-through rates." } }, { "@type": "Question", "name": "What's the difference between open graph tags and Twitter cards?", "acceptedAnswer": { "@type": "Answer", "text": "Open Graph tags were created by Facebook and are used by most social platforms. Twitter (now X) developed its own format called Twitter Cards with tags like twitter:title and twitter:image. If Twitter can't find its own card tags on a page, it falls back to OG tags. For full coverage, add both." } }, { "@type": "Question", "name": "How do I add OG tags to WordPress?", "acceptedAnswer": { "@type": "Answer", "text": "Two options. You can paste the generated code directly into your theme's header.php file, or you can use an SEO plugin like Yoast SEO or Rank Math that adds OG fields to each post editor. The plugin route is easier for non-developers because it lets you set tags per page without editing theme files." } }, { "@type": "Question", "name": "Do OG tags work on WhatsApp and Slack?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. Both WhatsApp and Slack read Open Graph tags to build link previews in conversations. When someone pastes a URL into a WhatsApp chat or Slack channel, the app fetches the page's OG tags and displays a preview card with the image, title, and description you set." } }, { "@type": "Question", "name": "What size should my OG image be?", "acceptedAnswer": { "@type": "Answer", "text": "Use 1200 x 630 pixels with a 1.91:1 aspect ratio as the default. This size displays as a large preview card on Facebook, LinkedIn, and WhatsApp. Images smaller than 600 x 315 pixels appear as small thumbnails, which get significantly fewer clicks. Keep file size under 5 MB." } }, { "@type": "Question", "name": "How often should I update my OG tags?", "acceptedAnswer": { "@type": "Answer", "text": "Update them whenever the page content changes meaningfully, like a new featured image, a revised headline, or a rewritten description. If you're running A/B tests on social headlines, you can update the og:title independently of the page's regular title tag. After any update, re-scrape the URL in Facebook's Sharing Debugger to clear the cached version." } }, { "@type": "Question", "name": "Can I use different titles for SEO and social media?", "acceptedAnswer": { "@type": "Answer", "text": "Absolutely. Your page's title tag targets search engines, while og:title targets social platforms. They can be completely different. Many marketers write a keyword-focused title for Google and a more click-driven, curiosity-sparking title for Facebook and LinkedIn shares." } } ] } </script></p><section class="bv-related-tools" aria-label="Related tools"></div></div></div></div><h2 class="bv-related-tools-title">Related Tools You Might Like</h2><div class="bv-related-tools-grid"><a class="bv-related-tool" href="https://toolspivot.com/keyword-rank-checker" title="Keyword Rank Checker"> <span class="bv-related-tool-icon"><img alt="Keyword Rank Checker" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span> <span class="bv-related-tool-name">Keyword Rank Checker</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/meta-tags-analyzer" title="Meta Tags Analyzer"> <span class="bv-related-tool-icon"><img alt="Meta Tags Analyzer" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span> <span class="bv-related-tool-name">Meta Tags Analyzer</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/online-ping-website-tool" title="Online Ping Website Tool"> <span class="bv-related-tool-icon"><img alt="Online Ping Website Tool" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span> <span class="bv-related-tool-name">Online Ping Website Tool</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/youtube-tag-extractor" title="YouTube Tag Extractor"> <span class="bv-related-tool-icon"><img alt="YouTube Tag Extractor" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span> <span class="bv-related-tool-name">YouTube Tag Extractor</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/open-graph-checker" title="Open Graph Checker"> <span class="bv-related-tool-icon"><img alt="Open Graph Checker" src="https://toolspivot.com/theme/smallseo/icons/open_check.png?v=1743854824" loading="lazy" /></span> <span class="bv-related-tool-name">Open Graph Checker</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/page-speed-checker" title="Page Speed Checker"> <span class="bv-related-tool-icon"><img alt="Page Speed Checker" src="https://toolspivot.com/theme/smallseo/icons/google_pagespeed.png?v=1779002277" loading="lazy" /></span> <span class="bv-related-tool-name">Page Speed Checker</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a></div></section></p> <br /> </div> <div class="col-md-4" id="rightCol" > <div class="search_dots_section p20 box_shadow_border"> <div class="tool_heading text-center"> <div class="fs18 mn th-title">SEARCH</div> <div class="heading_border mb10 mt10"></div> </div> <div id="sidebar_search"> <div class="input-group"> <input id="sidebarsearch" autocomplete="off" placeholder="Search from seo tools" class="form-control" type="text"> <span class="input-group-btn"> <button class="btn btn-secondary" type="button" aria-label="Search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> </span> </div> <div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div> </div> </div> <div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Advertisement</span><div class="sideXd"> <ins class="adsbygoogle" style="display:block;width:100%;min-height:250px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="5576900894" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div> <div class="popular_tool_box box_shadow_border pn mb10 dp-poptools"> <ul> <li class="popular-seo-t pn"> <div class="mn p10 pop-title"> Popular DocPivot Tools </div> </li> <li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/powerpoint-to-pdf">PowerPoint to PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/text-to-pdf">Text to PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="6" y="6" width="22" height="22" rx="3" stroke-dasharray="4 3"/><rect x="12" y="12" width="22" height="22" rx="3"/><path d="M20 34v-8M16 30l4 4 4-4"/></svg></div><a href="https://toolspivot.com/doc/flatten-pdf">Flatten PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text></svg></div><a href="https://toolspivot.com/doc/pdf-to-text">PDF to Text</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">XLS</text></svg></div><a href="https://toolspivot.com/doc/pdf-to-excel">PDF to Excel</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 4H11a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V14z"/><path d="M22 4v10h10"/></svg></div><a href="https://toolspivot.com/doc/pdf-to-epub">PDF to EPUB</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text></svg></div><a href="https://toolspivot.com/doc/pdf-to-powerpoint">PDF to PowerPoint</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/png-to-svg">PNG to SVG</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/jpg-to-svg">JPG to SVG</a></li><li class="pg-hovr border-bottom"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/webp-to-svg">WebP to SVG</a></li> </ul> </div> <div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Advertisement</span><div class="sideXd"> <ins class="adsbygoogle" style="display:block;width:100%;min-height:400px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="7692867693" data-ad-format="autorelaxed" data-matched-content-ui-type="image_stacked" data-matched-content-columns-num="1" data-matched-content-rows-num="3"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div> <div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">Popular AI Tools</div></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/geo-audit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/geo-audit">GEO Audit Tool</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/llms-txt-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/llms-txt-generator">llms.txt Generator</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-content-detector.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ai-content-detector">AI Content Detector</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-humanizer.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ai-humanizer">AI Humanizer</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-keyword-cluster-ideas.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ai-keyword-cluster-ideas">AI Keyword Cluster Idea</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-title-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ai-meta-title-generator">AI Meta Title Generator</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-description-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ai-meta-description-generator">AI Meta Description Generator</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/paraphrasing-tool">Paraphrasing Tool</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/article-rewriter-tool">Article Rewriter</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Advertisement</span><div class="sideXd"> <ins class="adsbygoogle" style="display:block;width:100%;min-height:250px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="7276995379" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div><div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">Popular SEO Tools</div></li><li class="pg-hovr"><div class="icon_image website-seo-score"></div><a href="https://toolspivot.com/website-seo-checker">Website SEO Checker</a></li><li class="pg-hovr"><div class="icon_image plagrism-checker"></div><a href="https://toolspivot.com/plagiarism-checker">Plagiarism Checker</a></li><li class="pg-hovr"><div class="icon_image word-count-checker"></div><a href="https://toolspivot.com/word-counter-tool">Word Counter</a></li><li class="pg-hovr"><div class="icon_image keyword-position-checker"></div><a href="https://toolspivot.com/keyword-rank-checker">Keyword Rank Checker</a></li><li class="pg-hovr"><div class="icon_image grammer-chacker"></div><a href="https://toolspivot.com/grammar-checker">Free Grammar Checker Online</a></li><li class="pg-hovr"><div class="icon_image readability-checker"></div><a href="https://toolspivot.com/readability-checker">Readability Checker</a></li><li class="pg-hovr"><div class="icon_image reverse-image"></div><a href="https://toolspivot.com/reverse-image-search">Reverse Image Search</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/keywordsug.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/keywords-research-tool">Keywords Research Tool</a></li><li class="pg-hovr"><div class="icon_image keyword-dencity-checker"></div><a href="https://toolspivot.com/keyword-density-checker">Keyword Density Checker</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/html-edit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/markdown-editor">Markdown Editor</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Advertisement</span><div class="sideXd"> <ins class="adsbygoogle" style="display:block;width:100%;min-height:250px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="6571357712" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div> </div> </div> </div> <br /> <script> function doCheck(){ var impressions = jQuery.trim($('input[name=impressions]').val()); var cpr = jQuery.trim($('input[name=cpr]').val()); var ctr = jQuery.trim($('input[name=ctr]').val()); if (ctr == null || ctr== "" || cpr == null || cpr == "" || impressions == null || impressions == "") { alert("All fields must be filled out!"); return false; } return true; } </script></div></div></div> <style> /* REPORT A BUG - a 48px circle, not a slab. * * It used to be a 136x47 orange rectangle, which made it the fourth orange CTA * on a tool page (the tool's own "Choose files" and the action button are the * other two) and the most permanently visible one - competing with the button * we actually want pressed. As a small icon it competes by SIZE instead of by * colour: 48px against a 300px action bar reads as subordinate at a glance. * * MOVED TO THE LEFT CORNER. The right corner now carries the chat launcher * and the back-to-top control; a third circle stacked in the same column read * as clutter, and on a 375px screen the stack reached a third of the height. * Left also separates the two supports: ask on the right, report on the left. */ #bug-btn { position: fixed; left: 12px; /* --aic-b is raised by ai-chat.js while the cookie consent bar is on screen, so these controls never sit on top of it. Falls back to 12px when the script has not run. */ bottom: var(--aic-b, 12px); width: 48px; /* 44px is the touch-target floor; 48 has margin */ height: 48px; border-radius: 50%; background: #fa4c10; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 2px 8px rgba(0,0,0,.28); /* Under the back-to-top, so if they ever do meet the arrow still wins. */ z-index: 9999; transition: transform .18s ease, box-shadow .18s ease; } #bug-btn:hover, #bug-btn:focus-visible { color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.34); } #bug-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px rgba(250,76,16,.45); } #bug-btn .fa { font-size: 20px; line-height: 1; } /* AN ICON ALONE DOES NOT SAY WHAT IT DOES. The accessible name is on the link for screen readers; this is the same thing for everyone else, revealed on hover or keyboard focus so the button stays a circle at rest. */ #bug-btn .bug-btn-label { position: absolute; left: 58px; /* flies out to the right of a left-corner button */ white-space: nowrap; background: #1c1c1c; color: #fff; font-size: 13px; font-weight: 600; padding: 6px 10px; border-radius: 6px; opacity: 0; transform: translateX(6px); pointer-events: none; transition: opacity .18s ease, transform .18s ease; } #bug-btn .bug-btn-label { transform: translateX(-6px); } #bug-btn:hover .bug-btn-label, #bug-btn:focus-visible .bug-btn-label { opacity: 1; transform: translateX(0); } /* On a phone there is no hover and the label would sit under the thumb, so the circle stands alone - the accessible name still carries the meaning. */ @media (max-width: 767px) { #bug-btn .bug-btn-label { display: none; } } @media (prefers-reduced-motion: reduce) { #bug-btn, #bug-btn .bug-btn-label { transition: none; } #bug-btn:hover, #bug-btn:focus-visible { transform: none; } } /* --------------------------------------------------------------------------- AI chat widget. Layout follows the modern support-widget convention: a flat light panel rather than a coloured header bar, a floating identity card naming who is answering, assistant text with no bubble around it, and a pill composer. The brand mark is ours - the ToolsPivot icon from the favicon setting. Stacking order in the bottom-right column, measured not assumed: launcher bottom var(--aic-b), z 10001 (primary support action, 56px) .top 68px above it, z 10000 (back-to-top, shifted to clear it) #bug-btn moved to the LEFT corner - see its block above. --aic-b is raised by ai-chat.js while the cookie consent bar is on screen, and .aic-hold keeps both controls hidden until window.load. --------------------------------------------------------------------------- */ .aic-hold #aic-launch, .aic-hold #bug-btn { visibility: hidden; opacity: 0; } #aic-launch, #bug-btn { transition: opacity .25s ease; } #aic-launch { position: fixed; right: 12px; bottom: var(--aic-b, 12px); width: 56px; height: 56px; border: 0; border-radius: 50%; background: #fa4c10; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 14px rgba(250,76,16,.38); z-index: 10001; transition: transform .18s ease, box-shadow .18s ease, opacity .25s ease; } /* A speech bubble, not the ToolsPivot mark: the mark is orange and light grey, so on an orange disc its orange half disappears - and this control's job is to say "chat". The mark identifies the assistant inside the panel instead. */ #aic-launch .fa { font-size: 23px; line-height: 1; } #aic-launch:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(250,76,16,.5); } #aic-launch:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px rgba(250,76,16,.45); } body.aic-on .top { bottom: calc(var(--aic-b, 12px) + 68px) !important; } #aic-panel { position: fixed; right: 12px; bottom: calc(var(--aic-b, 12px) + 68px); width: 380px; max-width: calc(100vw - 24px); height: 580px; max-height: calc(100vh - 150px); background: #f6f4f3; /* flat light field, no header bar */ border: 1px solid #e8e2de; border-radius: 16px; box-shadow: 0 18px 48px rgba(28,12,4,.22); display: flex; flex-direction: column; overflow: hidden; z-index: 10002; font-family: 'open sans', sans-serif; transform-origin: bottom right; animation: aic-in .18s ease-out; } @keyframes aic-in { from { opacity: 0; transform: scale(.94) translateY(8px); } } /* --- header ------------------------------------------------------------- */ /* One bar carrying identity and the close control, rather than a floating close row above a separate floating card: two stacked chrome layers ate the top of the panel and read as two unrelated things. Identity belongs in the header - who is answering, and that it is a machine. A support widget that hides that is one people distrust the moment it gets something wrong. */ #aic-head { flex: 0 0 auto; display: flex; align-items: center; gap: 11px; /* 16px left matches #aic-log's padding, so the header mark and every message avatar sit on one vertical edge. It was 14px and they were 2px apart, which is exactly the sort of gap that reads as sloppy without being obvious. */ padding: 12px 12px 12px 16px; background: #fff; border-bottom: 1px solid #e8e2de; } #aic-close { width: 34px; height: 34px; border: 0; border-radius: 50%; flex: 0 0 34px; background: rgba(0,0,0,.05); color: #3f3a37; cursor: pointer; font-size: 15px; line-height: 1; display: flex; align-items: center; justify-content: center; /* 34px visual, 44px hit area - the target rule is about what the finger must reach, not what the eye must see. */ position: relative; } #aic-close::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; } #aic-close:hover { background: rgba(0,0,0,.11); } #aic-close:focus-visible { outline: 2px solid #fa4c10; outline-offset: 2px; } #aic-mark { position: relative; width: 38px; height: 38px; flex: 0 0 38px; } #aic-head .aic-ttl { flex: 1 1 auto; min-width: 0; } /* The disc is black because the icon itself is: every uploaded ToolsPivot Icon has an opaque black field and none is transparent, so the image fills the circle and its own background becomes the disc. */ #aic-mark .aic-disc { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; background: #000; } #aic-mark img { width: 100%; height: 100%; display: block; } #aic-mark .aic-dot { position: absolute; top: -1px; right: -1px; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid #fff; } #aic-head h2 { font-size: 15px; font-weight: 700; margin: 0; color: #1f1b19; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #aic-head .aic-sub { font-size: 12.5px; color: #7d726c; margin: 1px 0 0; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* --- message list ------------------------------------------------------- */ #aic-log { flex: 1 1 auto; overflow-y: auto; padding: 16px; } .aic-msg { display: flex; gap: 10px; margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; } .aic-msg:last-child { margin-bottom: 0; } .aic-me { justify-content: flex-end; } .aic-col { min-width: 0; max-width: 88%; } /* margin-top centres the avatar on the first LINE BOX of the message, not on the row: measured 1.8px low at margin-top:1px, so -1px lands it. Line box is 23.2px (14.5px x 1.6) against a 28px avatar. */ .aic-av { width: 28px; height: 28px; border-radius: 50%; flex: 0 0 28px; background: #000; margin-top: -1px; overflow: hidden; } .aic-av img { width: 100%; height: 100%; display: block; } /* Assistant text carries no bubble: the avatar already marks the speaker, and an unboxed answer reads as prose rather than as a chat artefact. */ .aic-ai .aic-b { background: transparent; border: 0; padding: 2px 0 0; color: #2b2622; } .aic-me .aic-b { background: #fa4c10; color: #fff; padding: 10px 14px; border-radius: 16px 16px 4px 16px; } .aic-note .aic-b { color: #2b2622; } .aic-err .aic-b { background: #fdf3f3; border: 1px solid #f0c9c9; color: #8a2020; padding: 10px 13px; border-radius: 12px; } /* --- source card -------------------------------------------------------- */ /* This is the conversion: the answer names a tool, this opens it. */ .aic-src { margin: 10px 0 0; padding: 0; list-style: none; } .aic-src li { margin: 6px 0 0; } .aic-src a { display: flex; align-items: center; gap: 8px; padding: 10px 13px; background: #fff; border: 1px solid #e8e2de; border-radius: 12px; color: #b23a0c; font-size: 13.5px; font-weight: 600; text-decoration: none; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .aic-src a .aic-sarrow { margin-left: auto; opacity: .55; font-size: 12px; } .aic-src a:hover, .aic-src a:focus-visible { border-color: #fa4c10; color: #8f2e0a; text-decoration: none; transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14); } .aic-src a:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; } /* --- suggested questions ------------------------------------------------ */ /* An empty chat is a blank page problem: people do not know what it can answer, so they ask nothing. Editable in admin, not hardcoded. */ #aic-sug { margin: 16px 0 0; } #aic-sug .aic-sug-h { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: #9b8d85; margin: 0 0 8px; font-weight: 700; } .aic-chip { display: block; width: 100%; text-align: left; background: #fff; border: 1px solid #e8e2de; border-radius: 12px; padding: 11px 13px; margin: 0 0 8px; font-size: 13.5px; color: #433b36; cursor: pointer; font-family: inherit; line-height: 1.45; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .aic-chip:hover { border-color: #fa4c10; color: #1f1b19; transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14); } .aic-chip:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; } /* --- escalation to a human --------------------------------------------- */ /* Offered only when the assistant could not answer. Progressive disclosure: a button first, fields only once pressed, so a dead end becomes a route to a person without putting a form in front of everyone. */ .aic-esc { margin: 12px 0 0; padding: 13px; background: #fff; border: 1px solid #e8e2de; border-radius: 14px; } .aic-esc-h { font-size: 13.5px; color: #433b36; margin: 0 0 10px; font-weight: 600; } .aic-esc .aic-btn { display: inline-flex; align-items: center; gap: 7px; background: #fa4c10; color: #fff; border: 0; border-radius: 999px; padding: 10px 18px; font-size: 13.5px; font-weight: 600; cursor: pointer; font-family: inherit; min-height: 42px; } .aic-esc .aic-btn:hover { background: #e34410; } .aic-esc .aic-btn:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); } .aic-esc .aic-btn[disabled] { opacity: .5; cursor: not-allowed; } /* Visible labels, not placeholder-only: a placeholder disappears the moment someone types, which is exactly when they need to know what the field was. */ .aic-f { margin: 0 0 10px; } .aic-f label { display: block; font-size: 12px; font-weight: 600; color: #6b5f59; margin: 0 0 4px; } .aic-f label .aic-opt { font-weight: 400; color: #9b8d85; } .aic-f input, .aic-f textarea { width: 100%; border: 1px solid #e2dad5; border-radius: 10px; padding: 10px 12px; font-size: 16px; /* 16px stops iOS zooming on focus */ font-family: inherit; color: #222; background: #faf8f7; line-height: 1.4; } .aic-f textarea { resize: vertical; min-height: 72px; } .aic-f input:focus, .aic-f textarea:focus { border-color: #fa4c10; background: #fff; outline: 2px solid rgba(250,76,16,.22); } .aic-f .aic-ferr { display: block; font-size: 12px; color: #b02a2a; margin: 4px 0 0; } .aic-esc-ok { font-size: 13.5px; color: #1d6b3a; margin: 0; display: flex; gap: 7px; align-items: flex-start; } /* Three dots, not a spinner: the wait is short and this says "composing". */ .aic-dots span { display: inline-block; width: 6px; height: 6px; margin-right: 3px; background: #bcaea6; border-radius: 50%; animation: aic-bounce 1s infinite; } .aic-dots span:nth-child(2) { animation-delay: .15s; } .aic-dots span:nth-child(3) { animation-delay: .3s; } @keyframes aic-bounce { 0%,60%,100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } } /* --- privacy notice ----------------------------------------------------- */ /* Says plainly that the question leaves the site, because it does: it goes to an AI provider to be answered. Dismissible and remembered, so it informs once instead of nagging. */ #aic-note { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 8px; margin: 0 14px; padding: 10px 12px; background: #fff; border: 1px solid #e8e2de; border-radius: 12px; } #aic-note p { flex: 1 1 auto; margin: 0; font-size: 11.5px; line-height: 1.5; color: #7d726c; } #aic-note a { color: #b23a0c; text-decoration: underline; } #aic-note a:hover, #aic-note a:focus-visible { color: #8f2e0a; } #aic-note .aic-nx { flex: 0 0 24px; width: 24px; height: 24px; border: 0; border-radius: 50%; background: transparent; color: #9b8d85; cursor: pointer; font-size: 12px; line-height: 1; display: flex; align-items: center; justify-content: center; position: relative; } /* 24px visual, 44px reachable */ #aic-note .aic-nx::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; } #aic-note .aic-nx:hover { background: rgba(0,0,0,.06); color: #3f3a37; } #aic-note .aic-nx:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; } /* --- composer ----------------------------------------------------------- */ #aic-foot { flex: 0 0 auto; padding: 10px 14px 14px; display: flex; gap: 8px; align-items: flex-end; } #aic-cw { flex: 1 1 auto; display: flex; align-items: flex-end; gap: 6px; background: #fff; border: 1px solid #e2dad5; border-radius: 24px; padding: 4px 4px 4px 16px; } #aic-cw:focus-within { border-color: #fa4c10; box-shadow: 0 0 0 3px rgba(250,76,16,.16); } #aic-q { flex: 1 1 auto; resize: none; border: 0; background: transparent; padding: 11px 0; font-size: 16px; /* 16px stops iOS zooming on focus */ line-height: 1.4; max-height: 96px; font-family: inherit; color: #222; } #aic-q:focus { outline: none; } #aic-send { flex: 0 0 auto; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fa4c10; color: #fff; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; transition: background .15s ease; } #aic-send:hover { background: #e34410; } #aic-send:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); } #aic-send[disabled] { opacity: .4; cursor: not-allowed; } #aic-cap { padding: 12px 16px; margin: 0 14px 10px; background: #fff; border: 1px solid #e8e2de; border-radius: 14px; } #aic-cap p { font-size: 13px; margin: 0 0 8px; color: #555; } @media (max-width: 767px) { #aic-panel { right: 12px; left: 12px; width: auto; bottom: calc(var(--aic-b, 12px) + 64px); height: auto; top: 12px; /* full height on a phone */ max-height: none; } .aic-col { max-width: 90%; } } @media (prefers-reduced-motion: reduce) { #aic-launch, .aic-chip, .aic-src a, #aic-send, #bug-btn { transition: none; } #aic-launch:hover, .aic-chip:hover, .aic-src a:hover { transform: none; } #aic-panel { animation: none; } .aic-dots span { animation: none; opacity: .6; } } </style> <a id="bug-btn" href="https://toolspivot.com/report-bug" rel="nofollow" title="Report a Bug" aria-label="Report a Bug" onclick="this.href = this.href.split('?')[0] + '?url=' + encodeURIComponent(window.location.href)"> <i class="fa fa-bug" aria-hidden="true"></i> <span class="bug-btn-label">Report a Bug</span> </a>  <script>document.documentElement.className += ' aic-hold';</script> <button id="aic-launch" type="button" aria-expanded="false" aria-controls="aic-panel" title="Ask a question" aria-label="Ask a question"> <i class="fa fa-comment" aria-hidden="true"></i> </button> <script> window.AICHAT_CFG = { ask: "https:\/\/toolspivot.com\/ai-chat\/ask", verify: "https:\/\/toolspivot.com\/ai-chat\/captchaverify", contact: "https:\/\/toolspivot.com\/ai-chat\/contact", privacy: "https:\/\/toolspivot.com\/page\/privacy-policy", lang: "en", sitekey: "", icon: "https:\/\/toolspivot.com\/uploads\/74432335_ToolsPivot Icon.png", suggest: ["Check if my content is plagiarised.","Check if my content is AI-written.","Check if my website is GEO-optimized","Check if my website is SEO-optimized"], t: {"title":"Ask ToolsPivot","open":"Ask a question","close":"Close","intro":"Ask about any tool on ToolsPivot and I will point you to it.","ph":"Ask a question","send":"Send","think":"Thinking","err":"Something went wrong. Please try again.","rate":"You have reached the question limit. Please try again later.","src":"Sources","sub":"Answers from ToolsPivot’s own pages","role":"AI assistant","note":"Your question is sent to an AI provider to write the answer. We do not store your messages.","notelnk":"Privacy Policy","notedis":"Dismiss","sugh":"Try asking","esc":"Still need help?","escbtn":"Message our team","cname":"Your name","cmail":"Your email","cmsg":"How can we help?","csend":"Send message","cok":"Thanks. We have your message and will reply by email.","cbad":"Please enter a valid email address.","copt":"optional","cap":"Please confirm you are human to continue.","capfail":"Verification failed. Please try again."}}; </script> <script src="https://toolspivot.com/theme/smallseo/js/ai-chat.js?v=20260906p" defer></script> <div class="f_intro_bg text-center"> <form class="navbar-form mn" action="#"> <img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer_brand.png?v=1788577768" class="f_icon" alt="" loading="lazy" decoding="async"> <span class="f_text">Subscribe to our Newsletter</span> <div class="input-group"> <input id="newsletterEmail" name="email" placeholder="Enter your Email Address" class="form-control search_input pl30" type="email"> <div class="input-group-btn"> <button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">Subscribe</button> </div> </div> </form> </div> <div class="f_description_bg text-center"> <div class="f_graph"> <div class="container"> <div class="col-lg-1 col-md-1"></div> <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn"> <a class="navbar-brand ptn" href="https://toolspivot.com/"><img src="https://toolspivot.com/uploads/ToolsPivot Logo Light.png" alt="ToolsPivot" width="398" height="78" loading="lazy" decoding="async" /></a> <div class="contect_info col-xs-12 pn"> <p>CONTACT US</p> <span>info@toolspivot.com</span> </div> <div class="address_info col-xs-12 pn"> <p>ADDRESS</p> <span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version"> <p>Our Most Popular Tools</p> <a href="https://toolspivot.com/word-counter-tool" title="Word Counter"><div class="ver_img has-fa"><i class="fa fa-file-text-o"></i></div></a> <a href="https://toolspivot.com/plagiarism-checker" title="Plagiarism Checker"><div class="ver_img has-fa"><i class="fa fa-search"></i></div></a> <a href="https://toolspivot.com/sitemap-generator-tool" title="Sitemap Generator"><div class="ver_img has-fa"><i class="fa fa-sitemap"></i></div></a> <a href="https://toolspivot.com/robots-txt-generator" title="Robots.txt Generator"><div class="ver_img has-fa"><i class="fa fa-android"></i></div></a> <a href="https://toolspivot.com/reverse-image-search" title="Reverse Image Search"><div class="ver_img has-fa"><i class="fa fa-picture-o"></i></div></a> <a href="https://toolspivot.com/keywords-research-tool" title="Keywords Research"><div class="ver_img has-fa"><i class="fa fa-key"></i></div></a> <a href="https://toolspivot.com/backlink-maker" title="Backlink Maker"><div class="ver_img has-fa"><i class="fa fa-link"></i></div></a> <a href="https://toolspivot.com/meta-tag-generator" title="Meta Tag Generator"><div class="ver_img has-fa"><i class="fa fa-tags"></i></div></a> <a href="https://toolspivot.com/page-speed-checker" title="Page Speed Checker"><div class="ver_img has-fa"><i class="fa fa-tachometer"></i></div></a> <a href="https://toolspivot.com/article-rewriter-tool" title="Article Rewriter"><div class="ver_img has-fa"><i class="fa fa-pencil-square-o"></i></div></a> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;"> <div class="mor_pages"> <p>QUICK LINKS</p> <ul style="list-style:none;margin:0;padding:0;"> <li><a href="https://toolspivot.com/">Home</a></li><li><a href="https://toolspivot.com/page/changelog">Changelog</a></li><li><a href="https://toolspivot.com/page/dmca">Copyright & DMCA</a></li><li><a href="https://toolspivot.com/page/privacy-policy">Privacy Policy</a></li><li><a href="https://toolspivot.com/page/terms-of-service">Terms of Service</a></li><li><a href="https://toolspivot.com/page/write-for-us">Write for Us</a></li><li><a href="https://toolspivot.com/contact">Contact US</a></li><li><a href="https://toolspivot.com/doc">DocPivot</a></li><li><a href="https://toolspivot.com/page/about-us">About Us</a></li> </ul> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div style="position: relative;"> <div class="container-fluid p10 footer"> <div class="container pn"> <div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big"> </div> <div class="col-md-6 col-sm-12 col-xs-12"> <p class="text-center margin0">Copyright © 2018-2026 by ToolsPivot.com All Rights Reserved. </p> </div> </div> </div> </div> <script type="text/javascript"> $("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1}) </script> <script> jQuery(document).ready(function(){ jQuery("#newsletterSubscribe").click(function(e) { e.preventDefault(); var newsletterEmail = jQuery('#newsletterEmail').val(); if (newsletterEmail == '') { sweetAlert(oopsStr, inputEm, "error"); }else { jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) { if (data.success) sweetAlert('Success', data.msg, "success"); else sweetAlert(oopsStr, data.msg, "error"); }); } }); }); </script>  <script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js?v=1743851074" type="text/javascript"></script>  <script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js?v=1743851074'></script>  <script src="https://toolspivot.com/theme/smallseo/js/app.js?v=1786855079" type="text/javascript" defer></script>  <script src="https://toolspivot.com/theme/smallseo/js/docpivot/megamenu.js?v=1786408068" type="text/javascript" defer></script>  <script src="https://toolspivot.com/rainbow/master-js?v=3d84fe0b9a" type="text/javascript"></script>  <div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-title" id="xdTitle"></div> </div> <div class="modal-body" id="xdContent"> </div> </div> </div> </div> <script> $("#collapse0").collapse();</script></body> </html>  <div id="bvCookieBar" style="display:none;position:fixed;left:0;right:0;bottom:0;background:#1a202c;color:#fff;padding:14px 20px;z-index:9998;box-shadow:0 -2px 12px rgba(0,0,0,0.15);font-size:14px;line-height:1.5;"> <div style="max-width:1200px;margin:0 auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;"> <div style="flex:1;min-width:240px;"> 🍪 We use cookies for analytics and ad personalisation. Choose whether to allow non-essential cookies. Essential cookies keep the site working and are always on. See our <a href="https://toolspivot.com/page/privacy-policy" style="color:#fa4c10;text-decoration:underline;">Privacy Policy</a>. </div> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <button type="button" id="bvCookieAccept" style="background:#fa4c10;color:#fff;border:0;padding:9px 18px;border-radius:6px;font-weight:600;cursor:pointer;">Accept all</button> <button type="button" id="bvCookieDecline" style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.3);padding:9px 16px;border-radius:6px;font-weight:600;cursor:pointer;">Reject</button> </div> </div> </div> <script> (function(){ var COOKIE = 'bv_cookie_consent'; var bar = document.getElementById('bvCookieBar'); // Read consent cookie function getConsent() { var m = document.cookie.match(/(?:^|; )bv_cookie_consent=([^;]+)/); if (!m) return null; try { return decodeURIComponent(m[1]); } catch (e) { return null; } } function setConsent(val) { var d = new Date(); d.setTime(d.getTime() + 365 * 86400 * 1000); document.cookie = COOKIE + '=' + val + '; expires=' + d.toUTCString() + '; path=/; SameSite=Lax'; } if (!getConsent()) { bar.style.display = ''; } document.getElementById('bvCookieAccept').addEventListener('click', function(){ setConsent('accepted'); bar.style.display = 'none'; // Optionally re-fire analytics with consent if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', analytics_storage: 'granted' }); }); document.getElementById('bvCookieDecline').addEventListener('click', function(){ setConsent('declined'); bar.style.display = 'none'; if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied' }); }); })(); </script>