How to Auto-Click a Button After Every Page Reload Using CSS Selectors

Some pages are only useful after one extra click. The results table needs a “Load more” press, the dashboard has its own refresh button, a cookie banner blocks the content, or a filter resets every time the page comes back. Auto refresh can reload the page all day, but if a button has to be clicked after each reload — and you are not sitting there to click it — the automation is only doing half the job.

The Auto Refresh extension by Extfy closes that gap with Click element by selector on the Detect Keyword tab. Point it at a button with a CSS selector, and after every page load the extension finds that exact element and clicks it for you — no keyword needed, no coding required, and a built-in picker writes the selector for you.

Auto Refresh

English 

Running 

Time Interval

Refresh List

Detect Keyword

Enter your tags

Automatic Clicker

 Auto click detected keyword 

 Click element by selector 

Load more button button.load-more

Matches 1 element on the page

Pick an element on the page Test click now Add target

Save

Set it up in five steps

1. Open the Auto Refresh extension on the page and set your refresh interval as usual on the Time Interval tab.
2. Switch to the Detect Keyword tab and, under Automatic Clicker, tick Click element by selector.
3. Click Pick an element on the page. The popup closes, the page becomes clickable, and whatever you click is captured as a selector — the extension writes the CSS for you. (Press Esc to cancel; reopen the popup afterwards to review what was captured.)
4. Optionally give the target a name like Load more button so the list stays readable, and press Test click now to fire a single click and confirm it hits the right element.
5. Click Save. From now on, every time the page reloads — on the timer or manually — the extension finds that button and clicks it automatically.

Follow our step-by-step guide to install the Auto Refresh extension and automatically refresh web pages in your browser: https://auto-refresh.extfy.com/en/how-to-automatically-refresh-a-page-on-chrome-browser.html

What is a CSS selector, in thirty seconds?

A CSS selector is simply an address for an element on a page — the same notation stylesheets use to say “this button, not that one.” #refresh-btn means the element with the id refresh-btn; button.load-more means a button carrying the class load-more; a[data-action="reload"] means a link with that exact attribute. You do not need to be able to write these yourself: the element picker generates the selector when you click the target, and you only need to read one if you ever want to fine-tune it. If you prefer typing them by hand — or need one the picker cannot express — the Edit selectors view accepts CSS and XPath, and you can even set an XPath fallback so the click still lands if a site update breaks the CSS selector.

Trust the match badge before you trust the automation

Because the click repeats on every reload, a wrong selector clicks the wrong thing over and over. The extension guards against that in two ways. First, a live match badge under each target tells you exactly how the selector resolves right now — Matches 1 element on the page is what you want to see, while No elements match this selector on the current page or Selector syntax is invalid tell you to fix it before relying on it. Second, Test click now fires exactly one click against the live page without touching your refresh state, so you can watch the button respond before the automation takes over.

Need more than one click? Chain targets in order

Some pages need a sequence — dismiss the cookie banner, then open a panel, then press the actual button. Use Add target to list several selectors; after each reload they are clicked top to bottom, and the Move up / Move down controls let you put them in exactly the order the page expects.

Why a selector beats a keyword here

• No keyword needed. Selector clicking runs independently of keyword detection — you do not have to set up or match any monitored text at all.
• It works on unlabeled buttons. Icon-only refresh controls, image buttons, and elements whose text changes with language or state have no reliable words to match — but they always have a selector.
• It is precise. A keyword can appear in several places on a page; a good selector resolves to exactly one element, every reload.
• It survives content changes. The button's label can change from “Load more” to “Show more results” and button.load-more still finds it.

Put together, it is a small hands-free loop: Auto Refresh reloads the page on your interval, and Click element by selector presses the button the page demands afterwards — every cycle, in order, without you watching. Pick the element once, glance at the match badge, run one test click, and Save. From then on the reload and the click both happen on their own.